COLOR CONVERTER
Convert colors, HEX, RGB & HSL freely.
Type any color format and get the other two instantly, or pick a color with the picker and copy the result.
Everything runs locally in your browser
Solution animation · WCAG contrast
Done: 2 of 4 pairings meet AA. Suggested L = 47.
What does this tool do?
It quickly converts colors between HEX, RGB and HSL — handy for designers and front-end developers aligning color values. Use the picker to grab a color, then copy it in the format you need.
FAQ
Which input formats are supported?
#RGB, #RRGGBB, rgb(r,g,b) and hsl(h,s%,l%) are all recognized and converted automatically.
Is anything uploaded?
No. Every conversion happens in your browser.
示例与注意事项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.