颜色转换 · 对比度检查

取色器一键得 HEX / RGB / HSL 三种格式（点复制即得 CSS 值）+ 互补色；再查前景背景对比度是否达到 WCAG 无障碍标准。前端取色号、做无障碍设计、保证 PPT / 海报文字可读性。纯本地计算。

小煤球：对比度按 WCAG 2.1：正文 ≥ 4.5（AA）、大字 ≥ 3、AAA 正文 ≥ 7。互补色 = 色相 +180°，做强调色或撞色搭配常用。所有转换本地完成，不上传。

HEX #3a7bd5

RGB 58, 123, 213

HSL 215, 65%, 53%

互补色 #d59439

前景#ffffff背景#3a7bd5

文字示例 AaBb 字号大小 123

小字正文：对比度够不够，看这里清不清楚。

对比度4.22

AA 大字仅大号字通过

HEX / RGB / HSL 三格式互转，点复制即得 CSS 可用值。对比度按 WCAG 2.1：正文 ≥ 4.5（AA）、大字 ≥ 3、AAA 正文 ≥ 7——做无障碍设计、保证 PPT / 海报文字可读性时用。

🪄 更多魔法工具

这儿还有 48 个免费小工具，数据都只在你浏览器里跑。

午饭吃啥、二选一纠结半天——交给魔法转盘一秒出结果。

做主图、配封面、挑品牌色——想要一组好看的配色又不会搭。

纪念日倒计时、deadline、账期、孕周——每次手数日历又慢又容易错。