Color Name Reference
Browse all 148 named HTML/CSS colors with their HEX and RGB values. Search by color name, HEX code, or RGB value — and see the nearest named color instantly. Filter by color group to explore Red, Pink, Orange, Yellow, Purple, Green, Blue, Brown, White, and Gray families. No signup required.
Browse all 141 named HTML/CSS colors. Search by name, HEX, or RGB value. When you enter a hex code, we show the nearest named color instantly.
Why Use Our Color Name Reference?
The fastest way to find, browse, and copy named HTML/CSS colors
Instant Search Across All 148 Colors
Our color name reference lets you search by color name, HEX value, or RGB value in real time. Find any named CSS color instantly — no page reloads, no waiting, just type and see results.
One-Click Copy for Name, HEX & RGB
Click any color swatch, name, HEX code, or RGB value to copy it to your clipboard instantly. Our color name reference makes it effortless to grab the exact value you need for your CSS or design tool.
Secure Color Name Reference Online
Our color name reference runs entirely in your browser — no data is sent to any server. Browse, search, and copy color values with complete privacy. Works offline once the page is loaded.
Color Names — No Installation, 100% Free
Use our color name reference directly in any browser with no downloads, no account, and no ads. Browse all 148 named HTML/CSS colors organized by color group — completely free forever.
Common Use Cases for Color Name Reference
From CSS development to design — color names for every workflow
CSS & HTML Development
Use our color name reference to quickly find the exact named color for your CSS stylesheets. Named colors like Tomato, CornflowerBlue, and MediumSeaGreen are valid CSS values — no HEX required.
Design Prototyping
Designers use our color name reference to explore the full palette of browser-native colors when prototyping. Copy any HEX or RGB value directly into Figma, Sketch, or Adobe XD.
Learning Web Colors
Students and developers learning CSS use our color name reference to understand the full set of named colors available in every browser. Browse by group to see how colors are organized.
Accessibility & Contrast Checking
Use our color name reference to identify colors with sufficient contrast for accessible UI design. Browse light and dark named colors to find combinations that meet WCAG guidelines.
Email Template Development
Email templates often require named colors for maximum compatibility across email clients. Our color name reference gives you the exact name, HEX, and RGB for every supported color.
SVG & Canvas Development
SVG and HTML Canvas accept named color strings directly. Use our color name reference to find the right named color for fill, stroke, and background properties in your SVG or canvas code.
Understanding Named HTML Colors
How named CSS colors work and when to use them
What are HTML Color Names?
HTML color names are predefined, human-readable color keywords recognized by all modern browsers as valid CSS color values. Instead of writing #FF6347, you can write Tomato directly in your CSS and get the exact same result. The CSS specification defines 148 named colors — from basic colors like Red and Blue to descriptive names like PapayaWhip, MidnightBlue, and RebeccaPurple. Our color name reference lists every named color with its HEX and RGB values so you can find and copy the exact value you need.
How Our Color Name Reference Works
- Browse or Search: Use the search bar to find any html color name by typing the name, HEX code, or RGB value. Or click a color group filter (Red, Pink, Orange, etc.) to browse colors by family. All filtering runs instantly in your browser.
- Instant Browser-Based Reference: All 148 named HTML/CSS colors are loaded locally — no server requests, no API calls. The entire html color names reference works offline once the page is loaded. Your searches and interactions never leave your device.
- Copy Any Value: Click the color swatch to copy the HEX value. Click the color name, HEX code, or RGB value individually to copy each one. A checkmark confirms the copy was successful.
What the Color Name Reference Includes
- Color Name: The exact CSS keyword (e.g.
CornflowerBlue) — case-insensitive in CSS but shown in their canonical mixed-case form for readability. - HEX Value: The six-digit hexadecimal color code (e.g.
#6495ED) — the most common format for web colors in HTML and CSS. - RGB Value: The red, green, blue channel values (e.g.
rgb(100, 149, 237)) — ready to paste into CSS, JavaScript canvas, or any design tool. - Color Groups: All 148 colors organized into 10 groups — Red, Pink, Orange, Yellow, Purple, Green, Blue, Brown, White, and Gray — for easy browsing and discovery.
Important Notes About Named HTML Colors
HTML color names are case-insensitive in CSS — both cornflowerblue and CornflowerBlue are valid. Note that Fuchsia and Magenta are aliases for the same color (#FF00FF), as are Aqua and Cyan (#00FFFF). For production CSS, named colors are fully supported in all modern browsers and are a valid alternative to HEX or RGB values.
Related Tools
JSON to YAML
Convert JSON to YAML format instantly - Free online JSON to YAML converter
XML to YAML
Convert XML to YAML format for configuration migration - Free online XML to YAML converter
CSV to YAML
Convert CSV spreadsheet data to YAML format - Free online CSV to YAML converter
TSV to YAML
Convert TSV tab-separated data to YAML format - Free online TSV to YAML converter
Frequently Asked Questions About Color Names
Common questions about named CSS colors and how to use them
HTML color names are predefined CSS keywords that represent specific colors — like Tomato, CornflowerBlue, or MediumSeaGreen. All 148 named colors are recognized by every modern browser as valid CSS color values. Our html color names reference lists every named color with its HEX and RGB equivalents.
The CSS Color Level 4 specification defines 148 named colors. This includes basic colors (Red, Blue, Green), descriptive names (Tomato, Coral, Salmon), and some historical names like RebeccaPurple (added in CSS4 in honor of Rebecca Meyer). Our html color names reference includes all 148.
No. HTML color names are case-insensitive in CSS — cornflowerblue, CornflowerBlue, and CORNFLOWERBLUE all produce the same result. Our reference shows the canonical mixed-case form (e.g. CornflowerBlue) which is the most readable convention.
Yes. Our HTML color names reference runs entirely in your browser — all 148 colors are loaded locally with no server requests. Your searches and interactions never leave your device. The tool works completely offline once the page is loaded.
Yes, our HTML color names reference is 100% free with no signup, no account, no usage limits, and no advertisements. Browse and copy color values as many times as you need — completely free, forever.
Yes. Named HTML colors are valid in CSS (color, background-color, border-color, etc.), SVG (fill, stroke attributes), and HTML Canvas (fillStyle, strokeStyle). They are also accepted in most design tools and image editors that support CSS color input.
Fuchsia and Magenta are aliases for the same color (#FF00FF), as are Aqua and Cyan (#00FFFF). These duplicates exist for historical compatibility — Fuchsia and Aqua were the original HTML 4 names, while Magenta and Cyan were added later as CSS aliases.
RebeccaPurple (#663399) was added to the CSS Color Level 4 specification in 2014 in honor of Rebecca Alison Meyer, the daughter of web standards advocate Eric Meyer, who passed away at age 6. It is the only named CSS color named after a specific person.