~/colours ☀ LIGHT apps ← about me

🌐 Language

// html · css · web colours reference
██████╗ ██████╗ ██╗ ██████╗ ██╗ ██╗ ██████╗ ███████╗ ██╔════╝ ██╔═══██╗ ██║ ██╔═══██╗ ██║ ██║ ██╔══██╗ ██╔════╝ ██║ ██║ ██║ ██║ ██║ ██║ ██║ ██║ ██████╔╝ ███████╗ ██║ ██║ ██║ ██║ ██║ ██║ ██║ ██║ ██╔══██╗ ╚════██║ ╚██████╗ ╚██████╔╝ ███████╗ ╚██████╔╝ ╚██████╔╝ ██║ ██║ ███████║ ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝ ╚══════╝

HTML colour finder_

Browse all 140+ CSS named colours — search by name or HEX, filter by hue group.
Copy HEX · RGB · HSL · CSS name instantly. Free, no signup, 100% client-side.

click to copy HEX
White
HEX#ffffff
RGBrgb(255,255,255)
HSLhsl(0,0%,100%)
NAMEwhite
⌕
⌕
name hex rgb hsl group
// colour converter
HEX —
RGB —
HSL —
NAME —
FAQ — What is the Colours Tool?

Frequently Asked Questions — Colours Tool

What does the Colours tool do?

A browser-based colour explorer and converter. Input a colour in HEX, RGB, HSL, or HSB and instantly see conversions to all other formats, plus complementary colours, shades, tints, and a full palette preview.

What colour formats are supported?

HEX (#RRGGBB), RGB, HSL, HSB/HSV, and CSS colour names. Convert between any instantly.

Can I generate a colour palette?

Yes. Complementary, analogous, triadic, and monochromatic palettes from any base colour — for web design, branding, or data visualisation.

Can I copy values for CSS or Tailwind?

Yes. Click any colour value to copy in CSS-ready format.

Can I link directly to a colour?

Yes. The converter reads URL parameters and the address bar stays in sync, so you (or an AI assistant) can build a deep link by hand. Open ?hex=1a2b3c to load the converter showing HEX, RGB, HSL and the closest CSS name. The value works with or without the # and also accepts rgb()/hsl() strings (aliases color, colour, c). Use ?search=blue to filter the named-colour grid instead.

Is this tool free?

Yes, completely free. One of 146 free tools at jasperbernaers.com.