Ctrl K
OKLCH 广色域转换 · 使用说明
粘贴任意 CSS 颜色格式，同屏得到全部等价值并一键复制：从十六进制、HSL 到更现代的 OKLCH 与 OKLAB 感知均匀写法都能互转。色域标尺画出当前亮度与色相下 sRGB 与 Display-P3 的边界，越界时给出最近替代色；sRGB 与 OKLab 渐变插值并排对比，直观看到 OKLab 中间不发灰；附带 Tailwind v4 主题片段，支持透明度通道，全部换算在浏览器本地完成。
示例
输入
oklch(54.6% 0.215 262.9)
输出
#2563eb · rgb(37 99 235) · sRGB 内 ✓ · P3 可再提色度
如何使用
- 在输入框粘贴任意格式颜色，或用取色器选取
- 查看全格式等价值并复制需要的格式
- 关注色域标尺：超 sRGB 时复制替代色兜底
- 需要渐变时填入 B 色，对比两种插值后再定稿
小贴士
- 同一 L 值在 OKLCH 里视觉亮度一致，配深浅色阶先对齐 L
- 中间发灰的渐变改用 OKLab 插值，一行 color-mix(in oklab, …) 也能解决
- Tailwind v4 原生吃 oklch()，主题片段可直接贴进 @theme
- Lab / LCH 按 CSS 规范以 D50 白点解析，工具内部已做 Bradford 适配