Color & Design颜色与设计
CSS clamp() CalculatorCSS clamp() 计算器
Generate a responsive clamp() from min/max viewport widths and font sizes — fluid type with hard floors and ceilings, in px or rem, with sample values at real breakpoints.由最小/最大视口与字号生成响应式 clamp()——带下限上限的流式字号，支持 px 或 rem，附真实断点的取值示例。
WCAG Contrast CheckerWCAG 颜色对比度检查
Check a foreground/background pair against WCAG 2.1: the exact contrast ratio plus pass/fail for AA and AAA on normal text, large text and UI components.检查前景/背景色组合是否满足 WCAG 2.1：精确对比度，以及正文、大字号、界面组件的 AA 与 AAA 判定。
Color Palette Generator配色方案生成器
Build a five-swatch palette from one base color: complementary, analogous, triadic, split-complementary or monochrome — shown as actual swatches with hex codes.从一个基准色生成五色配色：互补、邻近、三角、分裂互补或单色——以真实色块展示并附十六进制码。
CSS Size Converter (px / rem / em / %)CSS 尺寸换算 (px / rem / em / %)
Convert font and spacing sizes between px, rem and em, given the root font size.在 px、rem、em 之间换算字号与间距，可指定根字号。
Color Converter颜色换算工具
Convert colors between HEX, RGB and HSL with a live swatch and complement.在 HEX、RGB 和 HSL 之间转换颜色，支持实时色块预览与互补色计算。