CSS 颜色查看器和对比度检查器
快速启动
CSS 颜色查看器和对比度检查器
- 输入颜色或使用选择器选择颜色。
- 设置不透明背景并运行转换。
- 复制格式或导出颜色和对比度报告。
CSS 颜色查看器和对比度检查器
输入 CSS 颜色值，例如 #ff6600、ff6600、rgb(255 102 0) 或 hsl(24 100% 50%)。该工具将显示颜色并将其转换为常见的 CSS 格式。
值在此浏览器中解析为 sRGB。不接受上下文相关的颜色，例如 currentColor、var() 和系统颜色。广色域和 CSS Color 4 函数不属于该工具支持的输入格式。 RGBA、HSLA 和 Alpha HEX 中保留透明度。 RGB 和 HSL 省略 alpha。对比度阈值不能取代完整的可访问性审核。
输入有效的 CSS 颜色值。
输入已更改。该报告仍属于上次成功运行的情况。
此处将出现颜色样本
HEX
—
RGB
—
RGBA
—
HSL
—
HSLA
—
CSS输入
—
WCAG对比度:
Aa
- AA · 4.5:1
- AA · 3:1
- AAA · 7:1
4.5:1是普通文本的AA阈值； 3:1 仅适用于足够大的文本。 7:1 是普通文本的 AAA。颜色对检查并不能确定整个页面的可访问性。
为什么使用在线 CSS 颜色检查器？
该工具可帮助您直接在浏览器中快速可视化任何 CSS 颜色值。您可以粘贴设计系统、样式指南或布局中的代码，并立即查看它们在屏幕上的外观。
在准备网站样式、匹配品牌颜色或调试现有布局时使用它。该检查器支持所有标准 CSS 格式，包括 HEX、RGB、RGBA、HSL 和命名颜色。
其他工具
用户评论
发表前会检查评论。我们发布真正的积极反馈和具体批评。没有有用细节的垃圾邮件和侮辱性内容不会被发布；亵渎和个人信息被掩盖。赞成票立即计算；反对票经审核后计算。
评论反映了用户的体验，而不是结果的保证或服务限制的描述。使用上面的评级按钮留下评论。
尚未发表此语言的评论。
