COLOR CONVERTER
颜色格式转换，HEX、RGB、HSL 随便切。
输入任意一种颜色格式，自动换算成另外两种，还能用取色器直接挑色，结果一键复制。
预览
HEX
RGB
HSL
本页处理在浏览器本地完成
解题动画 · WCAG 对比度
这个工具能做什么？
在 HEX、RGB、HSL 之间快速换算颜色，适合设计和前端开发时对齐色值。也可以用取色器挑一个颜色，再复制成你需要的格式。
常见问题
支持哪些输入格式？
支持 #RGB、#RRGGBB、rgb(r,g,b) 和 hsl(h,s%,l%)，输入后会自动识别并换算。
颜色会上传吗？
不会。所有换算都在当前浏览器内完成。
示例与注意事项Example & notes
一个例子A worked example
拿到设计稿上的 #79B7FF：一键得到 rgb(121, 183, 255) 与 hsl(212, 100%, 74%)，还能看到明暗变体。Given #79B7FF from a design file, you instantly get rgb(121, 183, 255) and hsl(212, 100%, 74%), plus lighter and darker variants.
注意事项Things to watch
- HEX 支持 3、6、8 位写法，8 位最后两位是透明度（00–FF）。HEX accepts 3, 6 and 8 digits, where the last two digits encode alpha (00–FF).
- HSL 直观但不适合直接做插值，做渐变请用 HEX 或感知均匀的色彩空间。HSL is intuitive but poor for interpolation; use HEX or a perceptually uniform space for gradients.
- 取色器取到的是屏幕显示色，打印前请以 CMYK 校样为准（色域不同）。An eyedropper samples screen colours; for print, trust a CMYK proof — the gamuts differ.
相关问答More Q&A
RGBA 和 8 位 HEX 有什么区别？RGBA versus 8-digit HEX?
表示的是同一种颜色，只是写法不同：rgba(121,183,255,0.5) 等价于 #79B7FF80。They describe the same colour: rgba(121,183,255,0.5) equals #79B7FF80.
能批量转换多个颜色吗？Can I convert many colours at once?
本页逐条输入与复制最方便；如果要从图片里取一整组配色，用「图片取色板」页更合适。This page is best for one colour at a time; for palettes extracted from an image, use the palette page.