跳到主内容
wychmod Developer Workspace
本地处理 wychmod 的 GitHub 头像

配色工具 / 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% )
14
107
91
170°
77%
24%

同步结果

D65 白点 · LAB/LCH 经 XYZ 中转 · 数值四舍五入

对比度检测

-- : 1

WCAG 2.1 文字可读性

普通文本< 24px 或 < 18.66px 粗体
--
大号文本≥ 24px 或 ≥ 18.66px 粗体
--

提示:要达到 AAA 普通文本,对比度需 ≥ 7:1。

色觉可读性

后续能力说明 颜色可读性不仅取决于色相,还取决于对比度。当前版本优先提供上方的 WCAG 对比度判断;红绿色弱/色盲、蓝黄色弱等色觉模拟将在实现真实颜色矩阵算法后开放,不会显示未经计算的「可读 / 正常」结论。

最近记录

还没有保存过颜色。点击「保存当前颜色」后,它会出现在这里。记录保存在浏览器本地。