HEX—复制
HEX(带 Alpha)—复制
RGB—复制
RGBA—复制
HSL—复制
HSV / HSB—复制
CMYK(近似)—复制
CSS 变量—复制
上排为「加白变浅」、下排为「加黑加深」,各 10 档。做界面配色时,同一色相取不同明度就能撑起整套色阶。
白底文字
—
黑底文字
—
对比度公式用 WCAG 2.1 相对亮度:
(L1+0.05)/(L2+0.05)。
正文需 ≥ 4.5:1(AA)、大字需 ≥ 3:1;AAA 要求正文 ≥ 7:1。