颜色转换器
颜色 转换器 Suite
转换 colors between different color spaces
#
From HEX
Hexadecimal color codes
[]
From RGB
Red，Green，Blue
◎
From HSL
Hue，Saturation，Lightness
◐
From HSV
Hue，Saturation，Value
🖨
From CMYK
Cyan，Magenta，Yellow，Black
L*
From LAB
Perceptual Lab color
◓
From LCH
Lightness，Chroma，Hue
OK
From OKLAB
Modern perceptual color space
OK
From OKLCH
OKLAB in cylindrical coords
使用方法
- 输入或选择颜色。
- 查看预览、转换结果或生成的 CSS。
- 发布前检查对比度、色差和设计系统命名。
常见问题
颜色工具能替代设计 review 吗？
不能。它提供计算和预览，最终视觉判断仍需在真实 UI 中完成。
应该保留哪些格式？
按团队规范保留，例如 HEX、RGB、HSL 或 OKLCH token。
为什么要复制多种格式？
不同平台和 CSS 功能可能需要不同色值表达。
简介
颜色转换器 是一个在线工具，用于在 HEX、RGB、HSL、HSV、CMYK、LAB、LCH、OKLAB 和 OKLCH 之间转换颜色。它适合设计系统、CSS、主题、可访问性检查和 UI 交付。
什么时候使用
当你需要快速准备、检查或复制颜色或 CSS 输出时，可以使用“颜色转换器”。它能减少手工计算和重复操作，并让结果更容易放入真实工作流。
核心能力
- 在浏览器中快速处理输入，适合临时任务和日常检查。
- 输出清晰，便于复制、下载、记录或继续调试。
- 帮助在发布、测试或提交前发现格式、兼容性或隐私相关问题。
使用建议
- 使用接近真实场景的样例，不要只测试最简单输入。
- 涉及 secret、客户数据、设备隐私或生产配置时，优先使用脱敏内容。
- 对关键结果，在目标系统、设备或浏览器中再验证一次。
颜色结果进入生产前，建议同时检查视觉效果和可访问性。