Type any colour (HEX, rgb() or hsl())

HEX: —
RGB: —
HSL: —

Couldn’t read that colour. Try a HEX like #0E5C3A.

🔒 Runs entirely in your browser.

Using an AI agent or a script? Call this tool as an API

AI agents and scripts can call this tool directly, to check their work or look something up, and get JSON back with the same answer this page gives. No key needed.

GET https://digitalgreenhouse.com.au/api/tools/color-converter?color=%230E5C3A

color — string, required. HEX (#0E5C3A or 0E5C3A or #abc), rgb(14, 92, 58) or hsl(155, 74%, 21%). Also accepted as colour, c.

The API answers from our server, and our code doesn’t store what you send. Fair-use limits apply. API guide · all endpoints (JSON) · OpenAPI

HEX, RGB and HSL — same colour, three languages

HEX (#0E5C3A) is the compact form you’ll see most in CSS and design tools. RGB (rgb(14, 92, 58)) spells out the red, green and blue channels from 0–255 — handy when you’re mixing or animating. HSL (hsl(153, 53%, 21%)) describes hue, saturation and lightness, which is far more intuitive when you want “the same colour but a bit lighter”: just nudge the lightness. They all describe the exact same pixel — this tool just translates between them.

Which should I use in CSS?

Any of them work. HSL is great for generating consistent shades and tints from one base colour; HEX is the most common shorthand.

Need a full palette, not one colour?

The palette generator builds matching accents and a full scale of tints and shades from one colour. Building a complete, accessible colour system is also part of how we design sites — see web design.

Colour converter

HEX, RGB and HSL — same colour, three languages

Get your team confident with AI.

HEX, RGB and HSL — same colour, three languages

Related tools

Get your team confident with AI.