HTML 颜色代码表
本地运行，数据不上传服务器
找到 40 项
使用说明
写 CSS 时想用颜色名称，却记不住 lightcoral 和 salmon 哪个更浅；设计稿给了 HEX，想知道最接近的英文颜色名；做图表或标签时，需要快速挑一批同色系的颜色。打开完整 CSS 颜色表太长，搜索也不方便。 这个工具收录 40 种常用 CSS 颜色，展示名称、HEX 和 RGB 值，并按照红、橙、黄、绿、青、蓝、紫、中性等色系分类。输入颜色名称、HEX 或 RGB 可以快速筛选。 每张颜色卡片都有色块预览，单个 HEX 可以复制，筛选结果也能批量复制。适合前端开发、UI 设计、数据可视化和日常配色参考。
核心功能
- ✓展示 40 种常用 CSS 颜色名称及 HEX、RGB 值
- ✓按名称、HEX 或 RGB 搜索颜色
- ✓按红、橙、黄、绿、青、蓝、紫、中性等色系筛选
- ✓色块预览，直观对比颜色
- ✓单个 HEX 一键复制
- ✓筛选结果可批量复制
- ✓适合网页配色、图表选色、颜色名称查询
使用教程
根据英文名查 HEX：输入 lightcoral 或 salmon，查看对应 HEX 和 RGB，方便写进 CSS。 根据 HEX 找颜色名：拿到一个 HEX 值，搜索后看看表格里有没有相同或接近的命名颜色。 按色系挑配色：做图表或标签时，先筛选蓝色系或绿色系，批量复制 HEX 作为一组配色。 确认颜色名称拼写：写 CSS 时不确定颜色名怎么拼，搜索关键词就能找到正确名称和色值。 快速复制多个色值：筛选出需要的颜色后，使用复制按钮批量复制，粘贴到样式表或设计文档。
常见问题
Q：这是完整的 CSS 颜色名称表吗？
A：不是，这里精选了 40 种常用颜色，方便快速查询，不是完整 CSS 命名颜色列表。
Q：支持 HSL、CMYK 或透明度吗？
A：不支持，当前只提供颜色名称、HEX 和 RGB。
Q：可以按色系筛选吗？
A：可以，支持红、橙、黄、绿、青、蓝、紫、中性和全部。
Q：三位 HEX 缩写能查到吗？
A：表格以 6 位 HEX 为主，三位缩写不单独展示。
Q：颜色数据会上传吗？
A：不会，搜索和筛选都在浏览器本地完成。
Q：能计算颜色对比度吗？
A：不能，当前不提供无障碍对比度计算。
Q：怎么复制多个颜色？
A：筛选后使用批量复制按钮，可以复制当前结果中的 HEX 列表。