Color Picker
Pick any color and get HEX, RGB, HSL values instantly.
FREE ONLINE TOOL
HTML Color Codes Reference
Browse all 140+ HTML named colors with their hex, RGB, and HSL values — search by name or hex, filter by hue family, and copy any color code in one click.
DesignMore Design Tools
Color Converter (Hex/RGB/HSL)Convert between Hex, RGB, and HSL color codes. Color Palette GeneratorGenerate 5-color palettes with one click and copy hex codes. CSS Box Shadow GeneratorVisual CSS box-shadow generator with live preview. Color Palette from ImageExtract dominant colors from an uploaded image.Whether you are a beginner or an expert, HTML Color Codes Reference makes it easy to browse all 140+ HTML named colors with their hex, RGB, and HSL values — search by name or hex, filter by hue family, and copy any color code in one click in seconds. Just enter your data and HTML Color Codes Reference gives you results instantly. From there you can preview, copy, or export the result. From all 140 CSS Level 1–4 named colors to HEX, RGB, and HSL values for each to search by color name or hex code, HTML Color Codes Reference packs the features that matter for web design, graphic design, and creative projects. Responsive design means HTML Color Codes Reference works equally well on mobile and desktop. Your data stays yours. HTML Color Codes Reference performs all calculations and transformations locally, with zero network requests for processing. Save this page and HTML Color Codes Reference is always ready when you need it.
You might also like our Tailwind CSS Color Palette. Check out our Pixel Art Maker. For related tasks, try our Color Palette Generator.
What HTML Color Codes Reference Offers
- all 140 CSS Level 1–4 named colors — reducing manual effort and helping you focus on what matters
- HEX, RGB, and HSL values for each to handle your specific needs efficiently
- Built-in search to quickly locate specific entries in large datasets
- Filtering options to narrow results based on your criteria
- Color code conversion between HEX, RGB, HSL, and other notation systems
- Completely free to use with no registration, no account, and no usage limits
- Runs entirely in your browser — your data stays private and is never uploaded to any server
- Responsive design that works on desktops, tablets, and mobile phones
Getting Started with HTML Color Codes Reference
- Navigate to the HTML Color Codes Reference page. The tool is ready the moment the page loads.
- Choose your design settings in the designated input area. The all 140 CSS Level 1–4 named colors option can help you format your input correctly. Labels and placeholders show you exactly what is expected.
- Adjust settings as needed. HTML Color Codes Reference offers HEX, RGB, and HSL values for each and search by color name or hex code so you can tailor the output to your exact requirements.
- Press the action button and your result appears immediately. All computation happens in your browser, so there is zero latency.
- Review your result and preview, copy, or export the result. Run it again with different inputs if needed.
Tips from Power Users
- Use HTML Color Codes Reference as a starting point, then fine-tune in your main design application. The speed of browser-based tools makes the exploration phase much faster.
- When presenting to clients, open HTML Color Codes Reference live in the meeting. Generating values on the fly shows confidence and lets clients see changes in real time.
- Build a personal library of frequently used values. Many designers keep a plain text file of their go-to colors, sizes, and ratios alongside tools like this.
Try These Examples
Looking up a color code
Input
Color name: DodgerBlue
→
Output
HEX: #1E90FF
RGB: rgb(30, 144, 255)
HSL: hsl(210, 100%, 56%)
DodgerBlue is one of 148 CSS named colors. Named colors are easier to read in code than hex values.
Browsing color families
Input
Family: Blues
→
Output
AliceBlue #F0F8FF, CornflowerBlue #6495ED, DodgerBlue #1E90FF, RoyalBlue #4169E1, Navy #000080
CSS named colors in the blue family range from very light (AliceBlue) to very dark (Navy), covering the full spectrum.
Comparison Overview
| Feature | Browser-Based (FastTool) | Design Suite | Mobile Design App |
|---|---|---|---|
| Cost | Free, no limits | $$$ license or subscription | Free with limitations |
| Privacy | 100% local processing | Local processing | May upload data |
| Installation | None — runs in browser | Large download + install | Browser extension install |
| Speed | Instant for quick tasks | Powerful for complex work | Lightweight but limited |
| Cross-Platform | Works everywhere | OS-specific versions | Browser-dependent |
| Updates | Always latest version | Manual updates needed | Auto-updates |
The Essentials of HTML Color Codes Reference
HTML Color Codes Reference helps designers and front-end developers work more efficiently with visual properties. Browse all 140+ HTML named colors with their hex, RGB, and HSL values — search by name or hex, filter by hue family, and copy any color code in one click. Digital design involves constant iteration on visual parameters — colors, spacing, typography, and layout. Having instant access to this functionality eliminates the need to open heavyweight design applications for quick calculations or conversions, keeping you in your creative flow.
How HTML Color Codes Reference Works
HTML Color Codes Reference uses the browser's rendering engine and Canvas/SVG APIs to deliver visual design capabilities with capabilities including all 140 CSS Level 1–4 named colors, HEX, RGB, and HSL values for each, search by color name or hex code. Color calculations follow the CSS Color Level 4 specification, ensuring consistency between the tool's output and how browsers actually render colors. Gradient computations use linear interpolation in the specified color space. The tool generates valid CSS, HEX, RGB, and HSL values that you can copy directly into your stylesheets without modification.
Things You Might Not Know
Color blindness affects approximately 8% of men and 0.5% of women, making color-accessible design important for a significant portion of users.
The RGB color model used in digital displays was developed based on the three types of cone cells in the human eye: red, green, and blue sensitive.
Essential Terms
- Gradient
- A gradual transition between two or more colors. CSS supports linear gradients (straight line), radial gradients (circular), and conic gradients (around a center point).
- Typography Scale
- A set of harmoniously sized text values used in a design system. Common scales are based on mathematical ratios like the golden ratio (1.618) or the perfect fourth (1.333).
- WCAG (Web Content Accessibility Guidelines)
- An international standard for making web content accessible to people with disabilities. WCAG covers perceivable, operable, understandable, and robust design principles.
- Color Space
- A mathematical model that describes how colors can be represented as numbers. Common color spaces include RGB (Red, Green, Blue), HSL (Hue, Saturation, Lightness), and CMYK (Cyan, Magenta, Yellow, Key/Black).
Got Questions?
How many named colors are in HTML/CSS?
HTML Color Codes Reference is one of 350+ free tools on FastTool, focused on web design, graphic design, and creative projects. Browse all 140+ HTML named colors with their hex, RGB, and HSL values — search by name or hex, filter by hue family, and copy any color code in one click. It features all 140 CSS Level 1–4 named colors, HEX, RGB, and HSL values for each, search by color name or hex code and runs entirely client-side for maximum privacy.
What is the difference between #ff0000 and red in CSS?
Part of the FastTool collection, HTML Color Codes Reference is a zero-cost design tool that works in any modern browser. Browse all 140+ HTML named colors with their hex, RGB, and HSL values — search by name or hex, filter by hue family, and copy any color code in one click. Capabilities like all 140 CSS Level 1–4 named colors, HEX, RGB, and HSL values for each, search by color name or hex code are available out of the box. Because it uses client-side JavaScript, your data stays private throughout the entire process.
What is HTML Color Codes Reference and who is it for?
HTML Color Codes Reference is a browser-based design tool that anyone can use for free. Browse all 140+ HTML named colors with their hex, RGB, and HSL values — search by name or hex, filter by hue family, and copy any color code in one click. It is especially useful for designers and creatives working on web design, graphic design, and creative projects. The tool offers all 140 CSS Level 1–4 named colors, HEX, RGB, and HSL values for each, search by color name or hex code and processes everything locally on your device.
Can I use HTML Color Codes Reference on my phone or tablet?
You can use HTML Color Codes Reference on any device — iPhone, Android, iPad, or desktop. The interface automatically adjusts to your screen, and performance is identical across platforms. No app download needed — just open the page in your mobile browser.
Does HTML Color Codes Reference work offline?
Once the page finishes loading, HTML Color Codes Reference works without an internet connection. All computation is local, so feel free to disconnect after the initial load. Bookmark the page so you can reach it quickly the next time you are online.
Why choose HTML Color Codes Reference over other design tools?
Most online design tools either charge money or process your data on their servers. HTML Color Codes Reference does neither — it is free, private, and instant. Plus, it supports 21 languages and works offline after loading.
What languages does HTML Color Codes Reference support?
HTML Color Codes Reference is available in 21 languages including English, Spanish, French, German, Chinese, Arabic, and more. Switch languages instantly using the selector at the top of the page. Right-to-left languages like Arabic and Urdu are fully supported with proper layout adjustments.
When to Use HTML Color Codes Reference
Print Design Preparation
Use HTML Color Codes Reference to convert and verify design values when preparing files for print production.
Responsive Design Testing
Test how your design values translate across screen sizes by using HTML Color Codes Reference to calculate responsive breakpoints, font scales, and spacing systems.
Design Handoff to Developers
Use HTML Color Codes Reference to generate precise design specifications and tokens that developers can copy directly into code during the handoff process.
Accessibility Audits
Ensure your designs meet accessibility standards by using HTML Color Codes Reference to check contrast ratios, font sizes, and other WCAG-related parameters.
Sponsored