Tool
HEX · RGB · HSL color converter
Type a color in any format — HEX, RGB, or HSL — and get the others instantly. Use the picker or paste a value.
HEX, RGB, and HSL explained
HEX (e.g. #739CDF) is a base-16 shorthand for red, green, and blue — two digits each. RGB writes the same three channels as 0–255 numbers. HSL describes color as hue (0–360°), saturation (%), and lightness (%), which is often more intuitive for tuning shades and tints.
When to use each
- HEX — most common in CSS and design tools.
- RGB / RGBA — when you need an alpha channel for transparency.
- HSL / HSLA — when adjusting lightness or saturation programmatically (great for shade ramps and dark mode).
Frequently asked questions
How do I convert HEX to RGB?
Split the 6-digit HEX into three pairs and read each as a base-16 number from 0–255. This tool does it instantly — just type or paste your HEX.
What is HSL best for?
HSL makes it easy to lighten, darken, or desaturate a color by changing one value, which is ideal for building shade ramps and dark-mode variants.