Every color you see on a screen has a corresponding HEX code, a six-character string that tells the browser exactly how much red, green, and blue to mix. This page brings together the full list of named colors recognized by modern browsers, along with their official HEX values. Having this reference at hand saves time every time you need a precise value for a CSS property or a design file. Whether you work in HTML, CSS, Figma, or any other tool, color names and HEX codes are the universal language of digital color.
What are named colors?
Named colors are a standardized set of color keywords that browsers and CSS recognize directly by name, without needing a HEX code. Modern browsers support 140 official named colors, from the familiar red and white to the more exotic PeachPuff, MediumAquamarine, or LavenderBlush. Each of these names maps to a precise HEX value that never changes across platforms or devices. Using a named color like tomato or steelblue directly in your CSS is perfectly valid and fully supported everywhere.
How HEX codes work
A HEX code follows the format #RRGGBB, where each pair of characters represents the intensity of red, green, and blue. Each pair ranges from 00 (none) to FF (maximum), giving over 16 million possible combinations in total. For example, #FF0000 is pure red, #000000 is black, and #FFFFFF is white. Understanding this structure makes it much easier to read, remember, and adjust colors directly in your code without a color picker.
How to use this page
Browse the full list of color names organized by family — reds, pinks, oranges, blues, greens, neutrals, and more. Click on any color entry to instantly copy its HEX code to your clipboard, ready to paste wherever you need it. Each color displays its name, HEX value, and a visual swatch so you can identify it at a glance. The page works as both a quick lookup tool and a complete reference for anyone working with web colors daily.
Named colors vs. custom HEX codes
Named colors are convenient for prototyping and quick styling, but they cover only a small fraction of available colors. As soon as your design requires a specific brand color, a precise shade, or any value outside the 140 named options, a custom HEX code becomes necessary. Using exact HEX values also guarantees pixel-perfect consistency across every browser, device, and screen rendering the page. Think of named colors as a shortcut and HEX codes as the professional standard for any serious project.
Sorted from lightest to darkest — click 📋 to copy the HEX code