颜色工具Color Tools

选一个颜色，立刻得到 HEX、RGB、HSL、HSV 各种写法（点一下就复制），还有明暗梯度、互补/邻近配色方案，以及检查文字与背景对比度是否符合 WCAG 无障碍标准的工具。Pick a color and instantly get its HEX, RGB, HSL and HSV values (click to copy), plus shade gradients, complementary and analogous palettes, and a WCAG contrast checker for text/background pairs.

选择颜色Pick a color HEX

HEX	-
RGB	-
HSL	-
HSV	-
CSS 变量CSS	-

点任意一行数值即可复制。Click any value to copy it.

配色方案（点色块复制）Palettes (click a swatch to copy)

明暗梯度Shades & tints

互补与邻近色Complementary & analogous

对比度检查（WCAG）Contrast checker (WCAG)

文字颜色Text color 背景颜色Background color 对比度Ratio

Aa 示例文字：对比度达标，阅读才不累。Sample text: enough contrast keeps reading easy. 123

WCAG	普通文字Normal text	大号文字Large text
AA	-	-
AAA	-	-

说明Notes

对比度标准：WCAG AA 要求普通文字至少 4.5:1、大号文字 3:1；AAA 更严（7:1 / 4.5:1）。做网页和 App 时，正文文字尽量满足 AA，阅读体验和无障碍审查都过得去。Contrast rules of thumb: WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA is stricter (7:1 / 4.5:1). Body text that meets AA is both easier to read and passes accessibility audits.