01
感知均匀的颜色选择
相比 RGB 或 HSL，更稳定地调整亮度、彩度和色相，减少“看起来不对”的意外。
免费且基于浏览器的 OKLCH 工具集
生成真正能上线使用的 OKLCH 颜色
在一个页面里完成 OKLCH 颜色选择、格式转换、对比度检查、色域判断和浏览器兼容性确认，服务现代 CSS 工作流。
全部在浏览器内完成
可直接复制的 CSS 输出
免费使用，无需注册
01
选择并转换颜色
调整 OKLCH 后，立即复制 HEX、RGB、HSL、LAB 或原生 OKLCH 语法。
02
提前验证对比度
在颜色真正进入界面之前，就先检查前景色和背景色的可访问性表现。
03
检查色域与浏览器支持
提前了解 sRGB、P3、Rec2020 和现代 CSS Color 4 特性的支持情况。
支持 Chrome 111+、Safari 15.4+ 和 Firefox 113+
核心能力
为现代颜色决策准备的实用工作流
只有当一个站点能把颜色尝试真正带到可用 CSS，OKLCH 才会变得有价值。
先直接操作颜色，再逐步验证调色板、对比度、色域和浏览器支持，让决定更接近生产环境。
02
实时格式转换
颜色变化的同时，同步得到 OKLCH、HEX、RGB、HSL、LAB 和 LCH 的输出结果。
03
调色板生成
从一个基础色快速生成单色、邻近色、互补色、三色和四色等配色方案。
04
对比度检查
在颜色组合进入真实界面前，先检查 AA 和 AAA 的无障碍结果。
05
色域感知
提前知道一个颜色落在 sRGB、Display-P3 还是 Rec2020 中，避免上线后失真。
06
浏览器就绪输出
检查现代 CSS 特性支持情况，并为真实浏览器环境规划回退方案。
使用前先了解
常见问题
关于OKLCH颜色选择器和转换器的常见问题
这些问题通常决定了访问者是否愿意把新的颜色工作流真正用于生产项目。