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.

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.

#3B82F6

rgb(59, 130, 246)

hsl(217°, 91%, 60%)

Hex

RGB

HSL

hsl(217°, 91%, 60%)

Color picker

Enter a colour in any format and get all other representations with a live preview swatch.

Frequently Asked Questions

Related Tools

Markdown to HTML

Convert Markdown to HTML instantly.

HTML to Markdown

Convert HTML markup to clean Markdown syntax.

CSV to JSON

Convert CSV data into a JSON array of objects.

JSON to CSV

Flatten a JSON array of objects into a CSV spreadsheet.

XML to JSON

Convert XML documents to a JSON representation.

JSON to XML

Convert a JSON object or array to an XML document.