颜色代码转换器

关于颜色代码转换器

本工具在网页和设计工作使用的三种格式——HEX、RGB 和 HSL——之间转换颜色，并一次显示全部三种，旁边配有实时色块和取色器。设计师和开发者用它把品牌 HEX 翻译成设计工具用的 RGB、翻译成 HSL 以调整明度或饱和度，或从取色器取值。编辑任意字段，或拖动取色器，其余会即时更新。

工作原理 — 三种格式

• HEX——一个 #RRGGBB 代码，其中每一对是十六进制（00–FF）的红、绿或蓝值。也接受像 #f00 的三位简写。
• RGB——同样的红、绿、蓝，用十进制数字 0–255 表示。
• HSL——色相（色轮上的 0–360°）、饱和度（0–100%）和明度（0–100%），调整颜色时往往更直观。

编辑一个字段会通过 RGB 转换来更新其余：HEX 和 RGB 是同一组数字的两种视图，HSL 用标准的 RGB↔HSL 公式计算。

假设与行为

• 接受6 位和 3 位 HEX，带或不带 #。
• RGB 和 HSL 字段对格式很宽容——79, 70, 229 或 rgb(79 70 229) 都能解析。
• 取色器和色块始终反映当前颜色。
• HSL 值四舍五入为整数，以获得干净、可复制的结果。

局限

• HSL 的四舍五入可能造成细微的往返偏差。 由于 HSL 以整数显示，HEX → HSL → HEX 的转换偶尔会在某个通道上偏移一个值。HEX/RGB 这一对始终精确。
• 它处理不透明颜色；不包含 alpha/透明通道（RGBA/HSLA 或 8 位 HEX）。
• 它不转换为 CMYK 或 Pantone 等印刷色彩空间，这些无法从屏幕 RGB 精确映射。
• 它使用浏览器所用的 sRGB 色彩空间。

隐私

转换完全在你的浏览器中运行。不会上传或存储任何内容。