idcd

颜色格式转换

在 HEX、RGB、HSL 与 OKLCH 颜色格式之间转换,查看颜色预览、WCAG 对比度与调色板结果。

#3B82F6
建议背景: 黑色

HEX

RGB

HSL

°
%
%

OKLCH

L 亮度0.623
C 彩度0.1880
H 色相259.8°

WCAG 对比度

对白色背景3.68:1
AA ✗
AA Large ✓
AAA ✗
AAA Large ✗
对黑色背景5.71:1
AA ✓
AA Large ✓
AAA ✗
AAA Large ✓

调色板

颜色格式转换能做什么?

在 HEX、RGB、HSL 与 OKLCH 颜色格式之间转换,查看颜色预览、WCAG 对比度与调色板结果。适用于网页配色、设计稿与代码之间的颜色核对,以及检查文字和背景的可读性。页面把不同颜色表示集中展示,方便比较和复制到设计或开发流程中;实际显示仍受浏览器色域、透明度及背景组合影响,应结合最终页面检查视觉效果。

结果解读与常见问题

对比度数值能保证可读性吗?

颜色值和对比度有助于检查配色,但效果还取决于透明度、背景、字号、字重和显示色域。应在实际页面中核对最终组合。

参考资料与结果边界

本地计算结果取决于当前输入与选项。引用时保留输入示例、格式及处理规则,并核对输出;不要在公开材料中包含密钥或其他敏感内容。

以下资料用于核对协议或格式规则,不代表来源机构为本站检测结果背书。