颜色与设计

颜色工具，支持 HEX、RGB、对比度检查和网页设计配色。

可用工具

RGB 转 HEX 转换器

rgb → hex

把 RGB 数值换成 HEX 颜色代码，适合写 CSS 变量、设计令牌、样式指南和前端调试。

HEX 转 RGB 转换器

hex → rgb

把 HEX 颜色代码换成 RGB 数值，适合看 CSS 颜色、设计交付、前端调试和通道值核对。

颜色选择器工具

color → formats

选择颜色、用 HSL 微调、实时预览，并复制 HEX、RGB、HSL 或 CSS 颜色值，适合设计交付和前端开发。

颜色对比度检查器

foreground → background

检查文字和背景颜色的对比度，对照 WCAG AA 和 AAA，适合做无障碍评审、UI 设计和 CSS 调整。

编辑与准确性说明

需要 CSS 色值、颜色格式转换、对比度检查或临时取色时，可以从这里进入。

适合在设计工具、CSS、截图和组件配置之间复制颜色值。

适合上线文字、按钮、标签和界面状态前，确认前景色和背景色是否清楚。

适合临时生成颜色、调整相近色，或在设计过程中快速确认视觉效果。