颜色转换器与选择器 - HEX, RGB, HSL, OKLCH

* 您的内容不会传输到服务器，所有计算均在浏览器中直接完成

色觉:

HEX

RGB

HSL

HSV

CMYK

LAB

OKLCH

HSV 仅供参考。CSS 没有 hsv() 函数 — 请改用 HSL。

CSS 变量

--color-primary: #06d6a0;

Tailwind 类

bg-[#06d6a0]

Tailwind v4 @theme

@theme {
  --color-primary: oklch(78% 0.16 167);
}

颜色转换器在网页、印刷和设计所用的不同格式之间转换同一个颜色 — HEX 适合 CSS，RGB/HSL 便于实时调整，CMYK 用于印刷，LAB/OKLCH 提供感知均匀性。

颜色空间

HEX — 紧凑的 6/8 位 RGB 表示法。CSS 默认格式。

RGB — 0–255 的加色三原色。直接对应显示像素。

HSL — 色相/饱和度/亮度。比 RGB 更易理解。

HSV — 色相/饱和度/明度。设计工具常用，但不是 CSS 函数。

CMYK — 用于印刷的减色三原色。从 RGB 转换为近似值。

LAB — 感知均匀；数值距离 ≈ 视觉距离。

OKLCH — 现代感知颜色空间；Tailwind v4 与 CSS Color Module Level 4 推荐。

对比度（WCAG 与 APCA）

WCAG 2.1 使用亮度比（1:1 到 21:1）以 AA/AAA 为阈值。支持广泛，但对小字体和深色模式的感知考量不够充分。

APCA 是 WCAG 3 的候选标准，使用极性感知的 Lc 分数，对细小文字的可读性预测更准确。