颜色代码 相关工具合集
颜色代码对照工具合集：汇总 CSS 命名色与 HEX、RGB、HSL 之间的对应值并附色块预览，标注同名颜色在不同取值体系下的差异与透明度写法，配套取色器、格式互转与配色方案生成工具入口。适合统一设计令牌、核对设计稿色值与生成界面配色。连同透明度与灰度值一起列出，方便把设计稿色值转成 CSS 变量。
颜色代码（Color Codes）是开发中高频查阅的参考资料。把参考表与可立即上手的在线工具放在同一页，能减少在文档与工具之间来回切换的成本。以下工具均围绕「颜色代码」场景，本地运行、免费、无需注册，点击即可使用。
相关工具
- 颜色转换器在 HEX、RGB、HSL 格式间双向换算，支持 alpha 通道与即时色块预览。同时给出 HSV 值与相近色参考，并计算与黑白文字的对比度是否达标。可拖动取色或从图片吸取颜色，结果按 CSS 写法输出。结果可一键复制成代码。并给出透明度与不支持透明格式之间的换算建议。支持实时预览。
- 图片取色器从上传的图片中吸取颜色，可拖动定位吸管并查看 5×5 放大预览，同步给出十六进制、RGB 与 HSL 三种写法，取色历史可反复调用。适合从设计稿截图里提取品牌主色、辅助色与文字色，复制后直接写入样式变量。取色结果可一键复制，也支持从历史记录里重新调用，适合统一界面配色与设计令牌。
- 配色方案生成器从基础色一键生成互补、类似、三角、四方、单色与明度六种配色方案，支持导出 JSON 或 CSS 变量。由基础色推导互补、类似、三角、四方、单色与明度六类配色方案。每个色值给出十六进制写法，可导出为结构化数据或样式变量。适合为品牌主色补齐辅助色与中性色。配色结果可一键导出。各档色值均按十六进制给出。
常见问题
这些工具和参考表有什么关系？
参考表提供规范与速查，工具提供可立即执行的操作（校验、转换、生成）。两者在同一页互链，方便边查边用。
工具收费或需要注册吗？
全部免费、无需注册，且在浏览器本地运行，数据不上传服务器。