HTML Color Code Reference
Browse named colours with HEX, RGB and HSL values.
Input
This tool runs entirely in your browser. The data you paste or load is never uploaded.
Result
Enter your input, then run the tool.
About this tool
A searchable reference of the 140 named CSS colours with their HEX, RGB and HSL values, contrast against white and black, and one-click copying. Useful when you want a readable colour name instead of a raw hex code.
How to use it
- Search by name such as “teal” or paste a hex value.
- Compare the swatches and their contrast values.
- Copy the value you need.
Frequently asked questions
Are these the same colours as CSS keywords?
Yes, they are the standard extended colour keywords supported by every browser.
Why does contrast matter?
Text on a named colour still has to meet WCAG ratios. The table shows which text colour is safe.
Keep going
Related tools
Color Contrast Checker
Test text and background colours against WCAG 2.2.
HEX to RGB Converter
Convert HEX colour codes to RGB and HSL.
Color Palette Generator
Generate harmonious palettes from one base colour.
QR Code Generator
Create a QR code for any text or URL, with SVG and PNG export.
URL QR Code Generator
Turn a link into a QR code with a validation step.
Wi-Fi QR Code Generator
Let guests join your network by scanning a code.