跳到内容
所有工具

Color Converter

可用

在浏览器本地转换和检查 HEX、RGB、HSL 与 OKLCH,并查看色域、亮度和对比度信息。

完全本地运行。颜色值不会离开此浏览器。

颜色输入

输入 HEX、RGB、HSL 或 OKLCH。按 Enter 或点击转换。

支持 #RGB、#RGBA、#RRGGBB、#RRGGBBAA、rgb()/rgba()、hsl()/hsla() 和 oklch()。

预览

白色背景
黑色背景
颜色位于 sRGB 色域内。
HEX
#6366F1
RGB
rgb(99 102 241)
HSL
hsl(238.7 83.5% 66.7%)
OKLCH
oklch(58.5% 0.204 277.1)

颜色检查

来源
HEX
Alpha
100%
sRGB 色域
范围内
亮度
0.185
对白对比度
4.47:1
对黑对比度
4.70:1

转换和检查完全在浏览器中执行。颜色值不会被保存,也不会发送到 Devary 后端。

一个位置处理 CSS 颜色格式

在常用 sRGB 格式和 OKLCH 之间转换,无需把设计 token 或应用颜色发送到后端。

明确的 sRGB 色域边界

OKLCH 可以描述 sRGB 之外的颜色。此时保留 OKLCH 坐标,并明确将 HEX、RGB 和 HSL 标记为裁剪到 sRGB 的表示。