配色工具 / COLOR STUDY
输入任意颜色,获取多种格式、对比度与可读性分析,辅助你的设计与开发决策。所有转换与计算在浏览器本地完成,不上传色值。
本地处理 · 不上传
格式 HEX / RGB / HSL / HSB / CMYK / LAB / LCH
默认色 #0E6B5B
当前色样
#0E6B5B
白色文字示例 · The quick brown
黑色文字示例 · The quick brown
取色器
使用上方原生选择器,或浏览器支持时启用屏幕取色。
明暗对照
当前色在不同明度下的表现,绿色描边为最接近档。
邻近色参考
点击任一邻近色应用到当前色样。
信息
色相角度
170°
纯度 (HSL S)
77%
相对明度 (HSL L)
24%
感知亮度 (Y, WCAG)
0.16
该色偏深,适合作为主色或强调色,建议搭配浅色文字以保证可读性。
颜色输入与转换
( 14, 107, 91 )
( 170°, 77%, 24% )
同步结果
D65 白点 · LAB/LCH 经 XYZ 中转 · 数值四舍五入
对比度检测
--
: 1
WCAG 2.1 文字可读性
普通文本< 24px 或 < 18.66px 粗体
--
大号文本≥ 24px 或 ≥ 18.66px 粗体
--
提示:要达到 AAA 普通文本,对比度需 ≥ 7:1。
色觉可读性
后续能力说明
颜色可读性不仅取决于色相,还取决于对比度。当前版本优先提供上方的 WCAG 对比度判断;红绿色弱/色盲、蓝黄色弱等色觉模拟将在实现真实颜色矩阵算法后开放,不会显示未经计算的「可读 / 正常」结论。
最近记录
还没有保存过颜色。点击「保存当前颜色」后,它会出现在这里。记录保存在浏览器本地。