~/colours ☀ LIGHT apps ← about me

🌐 Language

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

color name finder — HTML colours_

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.

What color is this? How do I find a color's name?

Paste a HEX, RGB or HSL value into the converter and it instantly tells you the closest CSS color name — so if you're wondering "what color is this?" or "which color is this?", just drop in the code and read off the name. It's a quick color identifier and color namer in one: give it a value, get the name.

How do I convert a HEX code to a color name?

Type or paste the hex (for example #1a2b3c) into the input. The tool works out the nearest named colour from the 140+ CSS colors and shows it alongside RGB, HSL and HSB. This hex-to-color-name lookup also works from a shareable link — open ?hex=1a2b3c to jump straight to the result.

Can I convert RGB or HSL to a color name?

Yes. Paste an rgb(...) or hsl(...) string and the converter returns the closest color name plus every other format. RGB-to-color-name and HSL-to-color-name both use the same nearest-match logic as the hex lookup.

Is this an HTML / CSS color finder?

Yes. It's built as an HTML color finder and CSS color-code finder: browse all 140+ named web colors, search by name or hue, and copy a CSS-ready color: or background: value in one click. Every named colour shows its hex, RGB and HSL so you can drop it straight into a stylesheet or Tailwind config.

How many named colors are there?

There are 140+ standard CSS / HTML named colors (from aliceblue to yellowgreen), all searchable here. The nearest-name lookup maps any of the 16.7 million possible hex values back to the closest one of these names.

Can I copy a color name with its hex code?

Yes — copy & paste any value. Click a colour to copy its name, hex, RGB or HSL to the clipboard, ready to paste into CSS, a design tool, or a document.

What's the difference between HEX, RGB, HSL and HSB?

HEX (#RRGGBB) and RGB both describe a colour by its red, green and blue channels — hex just writes them in base‑16. HSL (hue, saturation, lightness) and HSB/HSV (hue, saturation, brightness) describe the same colour by how we perceive it, which makes them easier for picking tints and shades. This tool shows all four at once so you never have to convert by hand.

Does it work on mobile, and is my data private?

Yes and yes. The finder runs entirely in your browser on phone, tablet or desktop — nothing is uploaded and no colours are stored on a server. It works offline once loaded.

Is this tool free?

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