What colour formats are supported?

Hex (3 and 6 digit, with optional alpha #rrggbbaa), rgb(), rgba(), hsl(), hsla(), and HSB/HSV. CSS named colours (red, blue, etc.) are also accepted as input.

Does it show a colour preview?

Yes. A live swatch updates as you type so you can see the colour while working.

What is the difference between HSL and HSB?

HSL (Hue, Saturation, Lightness) defines white at lightness 100% and black at 0%, with full colour at 50% lightness. HSB/HSV (Hue, Saturation, Brightness/Value) defines white at saturation 0% brightness 100%, making it more intuitive for design applications.

Can I convert many colours at once?

The colour converter is designed for one colour at a time. For batch colour extraction and conversion, use the Color Code Extractor tool which processes all colours in a CSS file simultaneously.

Hex ↔ RGB ↔ HSL Converter

Converts colour values between Hex (#rrggbb), RGB (rgb(r,g,b)), HSL (hsl(h,s%,l%)), and HSB/HSV formats instantly with a live colour preview. Accepts input in any format and shows all other representations simultaneously. Supports 3-digit hex shorthand and alpha channel values.

Runs entirely in your browser — your input is never uploaded, stored, or logged.

Enter a colour in any format and get all other representations with a live preview swatch. To extract all colour codes from an existing CSS file, use the Color Code Extractor.

Examples

Hex to RGB

Input

#ff6b6b

Output

RGB: rgb(255, 107, 107) | HSL: hsl(0°, 100%, 71%)

Frequently Asked Questions

Related Tools

New

Color Code Extractor

Extract all hex, RGB, and HSL color codes from CSS or text.

New

Color Palette Generator

Generate harmonious colour palettes from a base colour.

New

Color Contrast Checker

Check WCAG AA and AAA contrast ratios for foreground and background colours.

New

Random Color Generator

Generate random colours in hex, RGB, and HSL formats.

Markdown to HTML

Convert Markdown to HTML instantly.

HTML to Markdown

Convert HTML markup to clean Markdown syntax.