使用步骤
- 输入 HEX 色值，或使用颜色选择器调整颜色。
- 查看预览卡片和 RGB、HSL 转换结果。
- 复制目标格式后写入 CSS、设计 token 或组件属性。
设计工具
颜色转换器
转换 HEX、RGB 和 HSL 表示，并实时预览颜色。
本地简单运行
使用指南
开始使用
输入 3 位或 6 位 HEX 颜色，立即得到标准 HEX、RGB、HSL 和可复制的 CSS 值，适合设计 token 和样式调试。
使用例子
- 把品牌 HEX 色转换成 HSL，便于调浅调深。
- 确认设计稿颜色在 CSS 中的 RGB 表示。
Loading
颜色转换器
工具组件加载中。