Color Converter
Convert between HEX, RGB and HSL color codes instantly. Color picker included, free.
682 views
What Are HEX, RGB and HSL?
HEX (e.g. #ff8000) writes the red-green-blue values as hexadecimal numbers and is the most common notation on the web. RGB (e.g. rgb(255, 128, 0)) expresses the same three channels as decimals from 0–255. HSL (e.g. hsl(30, 100%, 50%)) describes a color by hue, saturation and lightness — the most convenient form for deriving lighter or darker variants of a color.
Pick a color with the picker or type a HEX code — all three notations update instantly. Use it when writing CSS, building a design palette, or expressing brand colors in different formats.
Frequently Asked Questions
How do I convert a HEX color to RGB?
Each pair of HEX digits represents one channel in hexadecimal: for #ff8000, ff=255 (red), 80=128 (green), 00=0 (blue), i.e. rgb(255, 128, 0). This tool does the conversion automatically.
Are 3-digit HEX codes (like #f80) supported?
Yes. Short notation like #f80 expands by doubling each digit to #ff8800; the tool accepts both forms.
When should I prefer HSL?
When you need lighter, darker or more muted variants of a color, HSL is the most practical form: change only the lightness (L) or saturation (S) value to get consistent tones. CSS supports hsl() notation directly.
Similar Tools
Report a Problem
Color Converter