核心功能
四色空间 · 实时互转
输入任意色彩空间的色值，其余三种格式自动实时计算。支持颜色选择器、滑块拖拽与键盘精确输入三种交互方式。
十六进制色值
#RRGGBB
色彩预览
#C4A77D
转换结果
HEX
RGB
HSL
CMYK
可访问性
WCAG 对比度检测
依据 WCAG 2.1 标准，检测前景色与背景色的对比度比率，评估文字可读性等级，确保设计符合无障碍访问规范。
评级标准：
AA 级（正常文字）：对比度 ≥ 4.5:1
AA 级（大号文字）：对比度 ≥ 3:1
AAA 级（正常文字）：对比度 ≥ 7:1
AAA 级（大号文字）：对比度 ≥ 4.5:1
AA 级（正常文字）：对比度 ≥ 4.5:1
AA 级（大号文字）：对比度 ≥ 3:1
AAA 级（正常文字）：对比度 ≥ 7:1
AAA 级（大号文字）：对比度 ≥ 4.5:1
大号文字示例
小号文字示例 - 测试可读性
对比度比率
15.42:1
AA 正常文字
通过
AA 大号文字
通过
AAA 正常文字
通过
文化色彩
中国传统色 · 故宫色彩美学
收录《中国传统色：故宫里的色彩美学》中 96 种经典传统色名，源自古代文献、器物与建筑，点击即可应用至转换器。
配色方案
相近色与配色 harmony
基于当前主色，生成互补色、类似色、三色、分裂互补、四色等经典配色方案，辅助艺术创作与界面设计。
互补色（Complementary）：在色轮上相距 180° 的两种颜色，对比强烈、视觉冲击力大，适合强调重点与创造戏剧性效果。使用时建议以一种颜色为主，另一种作为点缀。
渐变生成
CSS 渐变色生成器
基于当前主色自动生成协调的渐变色方案，支持线性渐变与径向渐变，一键复制 CSS 代码。
无障碍
色盲与色弱模拟
模拟三种常见色觉异常（红色盲、绿色盲、蓝色盲）下的色彩感知，帮助设计师评估配色方案的无障碍性。全球约 8% 男性与 0.5% 女性存在不同程度的色觉异常。
正常视觉
正常三色视觉（Trichromacy），可感知约 100 万种颜色。
红色盲（Protanopia）
L 型视锥细胞缺失，红-绿辨别困难，红色偏暗，全球约 1% 男性。
绿色盲（Deuteranopia）
M 型视锥细胞缺失，红-绿辨别困难，全球最常见的色盲类型，约 1.2% 男性。
蓝色盲（Tritanopia）
S 型视锥细胞缺失，蓝-黄辨别困难，极为罕见，约 0.001% 人口。
红色弱（Protanomaly）
L 型视锥细胞功能异常，红-绿辨别减弱，全球约 1.3% 男性。
绿色弱（Deuteranomaly）
M 型视锥细胞功能异常，红-绿辨别减弱，全球最常见的色觉异常，约 5% 男性。
色彩科学
色彩空间与转换原理
了解不同色彩空间的技术原理与应用场景，掌握色彩转换背后的数学逻辑。
RGB 色彩空间
基于光的三原色（红 Red、绿 Green、蓝 Blue）的加色模型，是屏幕显示的标准色彩空间。每个通道取值范围 0-255，共可表示约 1677 万种颜色（24-bit 真彩色）。
- 应用场景：网页设计、屏幕显示、数字摄影
- 设备依赖：不同显示器色域差异大
- 局限性：不直观，难以描述"更红"或"更暗"
Hex 十六进制表示
以 6 位十六进制数表示 RGB 值，每两位对应一个通道（RRGGBB）。是网页开发中最常用的色彩表示法，简洁且兼容所有浏览器。
- 格式：#RRGGBB 或简写 #RGB
- 兼容性：CSS 全版本支持
- 转换：#FF5733 = rgb(255, 87, 51)
HSL 色彩空间
以人眼感知方式描述色彩：色相 Hue（0-360°）、饱和度 Saturation（0-100%）、亮度 Lightness（0-100%）。比 RGB 更直观，便于设计师调整色调。
- 色相：色轮角度，红=0°、绿=120°、蓝=240°
- 饱和度：0% 为灰色，100% 为纯色
- 亮度：0% 为纯黑，50% 为正常，100% 为纯白
CMYK 色彩空间
基于颜料三原色（青 Cyan、品红 Magenta、黄 Yellow）与黑色 Key 的减色模型，是印刷行业的标准。K（黑色）用于弥补三色混合无法得到纯黑的缺陷。
- 应用场景：印刷、出版、包装设计
- 色域限制：CMYK 色域小于 RGB
- 转换注意：屏幕预览与印刷成品存在色差