免费在线颜色格式转换器

HEX、RGB、HSL、OKLCH 实时互转,色块预览,一键复制。

核心功能

🔁

四种格式互转

HEX、RGB、HSL、OKLCH 任意输入自动识别,全部格式同时输出。

🎨

实时预览

大色块实时预览颜色效果,浅色/深色文字对比度一目了然。

📋

一键复制

每种格式都带独立复制按钮,方便直接粘贴到代码或设计稿。

🔒

100% 本地

全部在浏览器本地转换,无需联网。

三步搞定

1

输入颜色

粘贴任意格式的颜色值,如 #3498db、rgb(52,152,219) 或 hsl(204,70%,53%)。

2

自动识别

工具自动识别输入格式,同时输出所有格式的转换结果并实时预览。

3

复制使用

点对应格式的复制按钮,直接粘贴到 CSS、设计稿或代码中。

常见问题

HEX、RGB、HSL 有什么区别?

HEX 是十六进制颜色,RGB 是红绿蓝分量,HSL 是色相/饱和度/亮度——同一颜色只是不同表示方法,工具帮你任意互换。

OKLCH 是什么?

OKLCH 是新一代感知均匀的色彩空间,近年被现代 CSS 支持,做无障碍设计时更精准。

支持带透明度的颜色吗?

支持。RGBA、HEX 带 alpha 的写法都能识别并转换,输出会保留透明度信息。

数据会上传吗?

不会。所有颜色转换都在你的浏览器本地完成,无需联网。