免费 · 设计与 CSS
OKLCH 颜色转换器.
在 hex、RGB、HSL、OKLab 和 OKLCH 之间转换颜色，检查是否在 sRGB 色域内，并生成带 hex 回退的 CSS 以及在白底和黑底上的对比度。
Loading the calculator…
使用方法: OKLCH 颜色转换器
输入数据或选择文件，调整设置并生成结果。复制或下载之前，请检查结果。
限制与支持格式
输入内容在您的设备上处理。
英语技术说明
8-bit sRGB output; wide-gamut colours are shown with their nearest sRGB value. Everything is calculated in your browser; nothing you type is uploaded.
Conversions use Björn Ottosson’s OKLab matrices with the sRGB transfer curve; out-of-gamut colours are mapped by reducing chroma at constant lightness and hue.
#3b82f6 is oklch(0.6231 0.188 259.81): 62 % lightness, chroma 0.188, hue 260°, with a contrast of 3.68 : 1 on white.