Color Converter
Convert colors between HEX, RGB and HSL instantly.
About the Color Converter
Designers and developers describe the same color in different ways: HEX for CSS and design tools, RGB for screens and code, and HSL for intuitive hue/saturation/lightness adjustments. The Color Converter translates instantly between all three. Use the picker to choose a color visually or type a HEX code, then copy any format with a single click. It is the fastest way to grab the exact color value you need.
How to use it
- Pick a color with the swatch or type a HEX code.
- See the equivalent RGB and HSL values update live.
- Click Copy next to the format you need.
Frequently asked questions
What is the difference between RGB and HSL?
RGB mixes red, green and blue light. HSL describes a color by hue, saturation and lightness, which is more intuitive for making a color lighter, darker or more vivid.
Do you support shorthand HEX like #abc?
Yes. Three-digit shorthand is automatically expanded to its six-digit equivalent.
Are alpha/transparency values supported?
This tool focuses on solid colors. For transparency, append an alpha channel manually, e.g. rgba() in your CSS.
Related tools
Color Palette Generator
Build harmonious color palettes from any base color.
Color ToolsPassword Generator
Create strong, random passwords with a real strength meter.
GeneratorsJSON Formatter & Validator
Beautify, minify and validate JSON in your browser.
Developer ToolsWord Counter
Count words, characters, sentences and reading time as you type.
Text Tools