颜色转换与取色器
可视化取色或粘贴 HEX/RGB/HSL 任意格式的值——所有格式即时联动更新,实时预览,一键复制。设计师和开发者都适用。
支持 #rgb、#rrggbb、#rrggbbaa、rgb()/rgba()、hsl()/hsla() 格式。
100%
预览
格式 — 点击任意一行即可复制所有转换均在浏览器本地完成,不会上传任何数据。
HEX
复制HEX8
复制RGB
复制RGBA
复制HSL
复制HSLA
复制这个工具不好用? 吐槽一下,我们马上改
使用方法
- 取色或粘贴任意格式的颜色值(HEX、RGB、HSL)。
- 所有等价格式实时更新。
- 点击任意格式即可复制。
常见问题
CSS 里该用哪种颜色格式?
三种所有浏览器都支持。HEX 紧凑,RGB 直观,HSL 最容易微调——调亮颜色只需改一个数字。
什么是 HSL?
色相(0-360°,颜色本身)、饱和度(0-100%,鲜艳程度)、亮度(0-100%,从暗到亮)。它符合人类对颜色的直觉,不像 RGB。
支持透明度吗?
支持——设置透明度后会显示 RGBA 和 HSLA 输出,以及带透明通道的 8 位 HEX。