🎨
HTML 颜色选择器
支持 HSL、RGB 与 HEX 的进阶 HTML 颜色选择器。
关于颜色选择器
颜色选择器是为网页开发者与设计师提供的色彩工具。它集成了 400 色矩阵以便快速挑选,并配备视觉调色盘。此外也整合了“无障碍对比度分析”功能,协助您检查配色是否符合 Web 无障碍标准 (WCAG)。
Benefits
- 支持 400+ 种常用标准色值,提供便捷的点击复制体验
- 支持 HEX、RGB、HSL 及 HSB 格式的实时转换,适配各类开发环境
- 内置对比度检查器,自动评估文字与背景的视觉易读性
- 简洁的界面设计,支持多维度调色,满足您的色彩需求
如何使用?
1. 通过顶部的“视觉调色盘”或下方的“颜色矩阵”挑选您的基准色。
2. 在“颜色转换”栏中实时查看该颜色在不同格式下的具体数值。
3. 查看“对比色分析”区域,根据系统建议选择最舒适的文字/背景组合。
4. 点击对应格式的“复制”按钮,将色值直接粘贴到您的 CSS 代码或设计稿中。
2. 在“颜色转换”栏中实时查看该颜色在不同格式下的具体数值。
3. 查看“对比色分析”区域,根据系统建议选择最舒适的文字/背景组合。
4. 点击对应格式的“复制”按钮,将色值直接粘贴到您的 CSS 代码或设计稿中。
视觉调色盘
颜色矩阵 (400 色)
颜色转换
品牌特色色调
对比色分析
格式转换器
本工具提供的颜色数值仅供参考,实际显示效果可能因屏幕校准而异。
探索更多强大工具