免费在线颜色格式转换器
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 的写法都能识别并转换,输出会保留透明度信息。
数据会上传吗?
不会。所有颜色转换都在你的浏览器本地完成,无需联网。