在各种常用格式之间转换颜色
设计师、开发者和营销人员经常需要在不同工具之间转换颜色，而这些工具支持的格式各不相同：CSS 需要 HEX 或 HSL，品牌指南列出的是 RGB 和 CMYK，而设计应用则显示 HSB。这款颜色转换器可以接收任何格式的颜色，并立即显示所有其他格式的对应值，每种格式都提供一键复制功能。它还会检查文本的可访问性对比度，并生成一个色调和色阶表。
功能特性
- 支持任何输入格式：HEX（3、4、6 或 8 位）、RGB/RGBA、HSL/HSLA、HSV/HSB、CMYK、纯数字三元组和 CSS 颜色名称。
- 一次性输出所有格式：HEX、RGB、HSL、HSV 和 CMYK，每种格式都附有复制按钮。
- 支持透明度 — Alpha 值会保留在 HEX8、RGBA 和 HSLA 格式中。
- 原生颜色拾取器，方便您直观地选择颜色。
- WCAG 对比度检查器，可检查颜色与白色和黑色的对比度，并提供针对普通和大型文本的 AA 级结果。
- 色调和色阶，提供从 10% 到 90% 亮度的变化；点击任意色块即可加载。
颜色格式说明
- HEX — 十六进制的
#RRGGBB，是网页设计中最常见的格式。可选的第四对数字用于设置透明度。 - RGB — 红、绿、蓝三色的值，范围从 0 到 255；这是屏幕实际生成颜色的方式。
- HSL — 色相（在色轮上的位置）、饱和度（强度）和亮度。易于手动调整：只需改变亮度即可获得同一颜色的更亮或更暗版本。
- HSV / HSB — 色相、饱和度和明度（亮度），大多数设计工具中的颜色拾取器都使用这种格式。
- CMYK — 青色、品红色、黄色和黑色（Key）的油墨百分比，用于印刷。
示例
天蓝色 #0EA5E9 对应 rgb(14, 165, 233)、hsl(199, 89%, 48%)、hsv(199, 94%, 91%)，以及大约 cmyk(94%, 29%, 0%, 9%)。它在白色背景上的对比度约为 2.8:1——对于大标题和图标来说尚可，但对于需要 4.5:1 的正文文本来说太低了。在黑色背景上，对比度达到约 7.6:1，轻松通过标准。
使用颜色的小技巧
- 使用 HSL 构建调色板。 固定色相和饱和度，只改变亮度，可以创建出风格一致的按钮状态、背景和边框。
- 尽早检查对比度。 许多品牌色在白色背景上作为文本颜色时都太亮了；可使用色阶中较暗的颜色作为文本颜色，而原始颜色则用于点缀。
- 不要仅靠颜色传达信息——为色觉障碍用户添加图标或文字标签。
- 预料到印刷效果会有差异。 明亮的 RGB 颜色，尤其是鲜艳的蓝色和绿色，在 CMYK 模式下通常会显得更暗淡。
也需要处理图片吗？图片格式转换器 可以在 JPG、PNG 和 WebP 之间转换格式。如果需要为 CSS 编码小图片或图标，请使用 Base64 编码。