颜色名称参考
浏览 CSS/HTML、Material Design 和 Tailwind CSS 的命名颜色。点击任意色卡即可复制其十六进制值。使用搜索框按颜色名称或十六进制值筛选。
常见问题
Q: 什么是 CSS 命名颜色？
A: CSS 命名颜色是所有现代浏览器都支持的 148 个预定义颜色关键字。你可以直接在 CSS 中使用名称（如 "tomato"）来代替十六进制代码（如 #FF6347）。这些名称在 CSS Color Level 4 规范中标准化。
Q: 十六进制、RGB 和 HSL 颜色格式有什么区别？
A: 十六进制使用六位十六进制表示法（#RRGGBB）。RGB 指定红、绿、蓝通道值（0-255）。HSL 通过色相（0-360）、饱和度（0-100%）和亮度（0-100%）定义颜色。三种格式可以表示相同的颜色，只是表示方式不同。
Q: 什么是 Material Design 颜色？
A: Material Design 颜色是 Google 为 Material Design 界面创建的精选调色板。每个颜色系列有从 50（最浅）到 900（最深）的色阶，500 为主色调。它们专为无障碍性和视觉协调而设计。
Q: 什么是 Tailwind CSS 颜色？
A: Tailwind CSS 提供了精心挑选的默认调色板，包含 22 个颜色系列。每个系列有从 50 到 950 的色阶，500 为基础色。该调色板在浅色和深色 UI 主题中都表现出色。
Q: 如何为项目选择合适的颜色？
A: 请考虑无障碍性的对比度（WCAG 建议普通文本至少 4.5:1）。使用主色建立品牌识别，用中性色处理文本和背景，谨慎使用强调色用于交互元素。可以使用颜色对比度检查工具来验证选择。