HTML color names are 140+ predefined color keywords recognized by all browsers — from basic names like 'red' and 'blue' to specific shades like 'cornflowerblue' and 'papayawhip'. Using named colors improves code readability compared to hex codes. This reference shows every named color with its hex value, RGB values, and a visual preview.
Common use cases
Finding the right named color for CSS styling
Looking up the hex code for a named color
Comparing similar named colors side by side
Choosing accessible color combinations
Quick prototyping with readable color names
How to use
1Search by name or hex, filter by colour family and sort by name, hue or lightness.
2Click a swatch to see its hex, RGB and HSL values and its contrast with white and black text.
3Pick Copy as and press Copy ⌘↵.
Frequently asked questions
Should I use color names or hex codes in CSS?
For production code, hex codes or HSL values give you precise control over any color. Named colors are great for quick prototyping, reading code, and cases where exact shade doesn't matter. There are only 140 named colors vs 16 million hex colors.
Are CSS color names case-sensitive?
No. Color names in CSS are case-insensitive: 'Red', 'red', 'RED', and 'rEd' all work. By convention, lowercase is most common in modern CSS.