颜色转换器
HEX/RGB/HSL/HSV 互转与配色建议
选择颜色
格式转换
| HEX | #2563eb | |
| RGB | rgb(37, 99, 235) | |
| HSL | hsl(221, 83%, 53%) | |
| HSV | hsv(221, 84%, 92%) |
配色建议
补色类似色 -30类似色 +30三分色提亮压暗
黑白文字对比度
| 白色文字 | 5.17:1(AA) |
| 黑色文字 | 4.06:1(AA 大字号) |
对比度按 WCAG 2.1 标准计算:正文文字需达到 4.5:1(AA 级),大号文字 3:1。点击配色色块可快速套用。
颜色转换器在 HEX、RGB、HSL、HSV 四种颜色格式间实时互转,输入任一格式或拖动取色器即可同步其余格式,并一键复制。内置配色建议(互补色、类似色、三分色、提亮压暗)方便快速生成方案,同时按 WCAG 2.1 标准计算白字与黑字在当前底色上的对比度并给出等级判定。
对比度速查
- 正文文字对比度需达到 4.5:1(AA 级);
- 18px 以上或 14px 加粗的大号文字需 3:1;
- 7:1 以上为 AAA 级,适合长文阅读场景。