CSS 颜色名

什么是CSS 颜色名？

如何使用CSS 颜色名

1. 1

   按色系查找：点击页面上方对应色系分组标签，就能筛选出对应色系下的所有CSS标准命名颜色，帮你快速缩小查找范围

2. 2

   点击目标色块：在筛选结果列表里，找到你需要使用的具体颜色条目，点击对应色块区域即可调出复制面板

3. 3

   复制需要格式：在弹出的面板中，点击你需要格式的对应按钮，就能把颜色代码复制到剪贴板，直接粘贴到代码里使用

什么场景会用到？

计算示例

注意事项

• 本工具只包含CSS 2.1及后续规范中定义的标准颜色名，不包含浏览器自定义或第三方扩展的非标准命名颜色。
• 点击颜色卡片任意区域即可复制对应颜色名，若需要十六进制代码可直接从卡片上查看获取。
• CSS颜色名不区分大小写，本工具统一显示为小写，使用时无论大小写均可被浏览器正常解析。
• 部分颜色名存在相近色调，工具卡片会实时显示颜色预览，可根据预览确认是否为你需要的颜色。

常见问题

参考资料

• W3C CSS Color Module Level 4 官方规范
• MDN Web Docs CSS color value 文档

本页整理的148个颜色名完全遵循W3C CSS标准规范，所有颜色代码和预览均经过前端工具验证，由工具集编辑组维护更新。