Color Converter
Convert HEX, RGB and HSL with live preview.
How to use the Color Converter
- 1 Pick a color or type a HEX, RGB or HSL value.
- 2 See the equivalent values in every format.
- 3 Copy the CSS value you need.
Frequently asked questions
What is HSL and why use it?
HSL describes color by Hue, Saturation and Lightness. It makes it intuitive to create lighter/darker or more/less vivid variants of a color.
How do I convert HEX to RGB?
Split the six-digit HEX into three pairs and read each as a base-16 number. For #3366FF that is 51, 102, 255 → rgb(51, 102, 255). The converter does this instantly and both ways.
Does it support alpha (transparency)?
Yes. It reads and outputs alpha as 8-digit HEX (#RRGGBBAA) and as rgba()/hsla() values, so you can carry transparency across formats.
Related tools
Generators
WCAG Color Contrast Checker
Test text vs. background contrast for accessibility.
Generators
Color Palette Generator
Build harmonious color schemes from one base color.
Generators
CSS Gradient Generator
Design CSS gradients and copy the code.
Developer
Hash Generator
Generate SHA hashes from any text.