Get Hex color codes, RGB, HSL values with our color picker, color wheel, color chart and 140+ HTML color names. Trusted by designers and developers worldwide.
Whether you're building a website, designing an app, or choosing paint for a room — our color picker gives you the exact Hex, RGB, and HSL values you need. Just drag and click.
Discover complementary, analogous, triadic, and more color harmony types using our interactive wheel — built on proven color theory principles used by professional designers.
Practical advice from real-world design work — not just theory.
🎯
The 60-30-10 Rule
Use your main color 60% of the time, secondary 30%, and accent color just 10%. This creates natural visual balance without overthinking it.
♿
Always Check Contrast
WCAG requires 4.5:1 contrast for body text. Low contrast hurts readability and fails accessibility audits — check before you ship.
🌡️
Warm vs Cool Colors
Warm tones (reds, oranges) create energy and urgency. Cool tones (blues, greens) feel calm and trustworthy. Match the mood to your brand.
🖥️
Test Across Screens
Colors look very different on OLED vs LCD panels. Always test your palette on multiple devices before going live with a design.
Color Names
All 140 HTML & CSS Named Colors
Every named CSS color — Hex, RGB, and HSL values included. Click any hex code to copy it instantly.
Preview
Name
Hex Code
RGB
HSL
Color Library
Explore Color Shades & Tints
Click a color family to explore the full spectrum from darkest shade to lightest tint. Click any swatch to copy its hex code.
Converter
RGB ↔ Hex Color Converter
Quickly convert between RGB and Hex — the two formats you'll use most in CSS and HTML. Type your values and copy the result instantly.
Color Chart
16 Core Web Color Codes
The 16 foundational HTML colors — the original building blocks of every web color palette.
Preview
Name
Hex Code
RGB
HSL
What Are HTML Color Codes — and Why Should You Care?
If you've ever opened a CSS file and spotted something like #3498db or rgb(52, 152, 219), you've already come across HTML color codes. They're simply the language computers use to describe color — and once you understand them, picking colors for web projects becomes much more intentional and a lot less trial-and-error.
There are four main formats you'll encounter: Hex codes, RGB values, HSL values, and plain CSS color names. Each one has its strengths depending on your workflow and the tools you're using.
Hex Color Codes — The Most Widely Used Format
Hex codes are the dominant color format on the web. A hex code is a six-character string (letters and numbers) that represents a specific color. The first two characters control red intensity, the middle two control green, and the last two control blue. Each pair ranges from 00 (none) to FF (full intensity).
So white is #FFFFFF — maximum of all three. Black is #000000 — none of any. Pure red is #FF0000 — full red, zero green and blue.
#FFFFFF — White
#000000 — Black
#FF0000 — Red
#00FF00 — Lime
#0000FF — Blue
#FFD700 — Gold
RGB — Red, Green, Blue in Plain Numbers
RGB works on the same principle as hex — mixing red, green, and blue light — but writes each channel as a number from 0 to 255 instead of hexadecimal. You'll see it as rgb(255, 165, 0) for orange. The rgba() variant adds a fourth value for opacity — rgba(0, 0, 0, 0.5) gives you a semi-transparent black, perfect for overlays.
HSL — The Format Designers Actually Like
HSL stands for Hue, Saturation, Lightness. It's the most intuitive format because it describes color the way our eyes think about it. Hue is the color angle on the wheel (0° = red, 120° = green, 240° = blue). Saturation controls vividness. Lightness controls brightness. Want a lighter blue? Just increase the lightness. Simple.
Which Format Should You Use?
Hex — best default for HTML/CSS; compact and universally supported
RGB / RGBA — use when you need transparency, or with JavaScript canvas APIs
HSL / HSLA — ideal when generating color scales or making adjustments in CSS
Color names — great for quick prototyping; less precise for finished designs
Frequently Asked Questions
An HTML color code is a value that tells a browser or design tool what color to display. The most common format is a hex code — a # followed by six characters representing the mix of red, green, and blue. For example, #FF5733 is a vivid orange-red. You can also write the same color as rgb(255, 87, 51) or hsl(11, 100%, 60%).
Simple — just add your hex code as the value for a color property. For example: color: #3498db; sets text to blue. Use background-color: #3498db; for backgrounds. The # is required. Hex codes are case-insensitive so #3498DB and #3498db are identical.
They describe the same colors using different notation. A hex code like #FF8800 is the hexadecimal equivalent of rgb(255, 136, 0). FF=255, 88=136, 00=0 in decimal. Hex is shorter and more common in HTML/CSS. RGB lets you add transparency using rgba().
Modern browsers support 24-bit color — that's 16,777,216 unique colors (256 × 256 × 256). Each of the three channels — red, green, blue — has 256 possible values (0–255). Our color picker lets you explore any of those 16.7 million colors interactively.
CSS officially defines 140 color keywords you can use directly by name in stylesheets — things like tomato, steelblue, goldenrod. They're case-insensitive and well-supported. Great for quick work, but most developers use hex or RGB for precise, production-ready designs.
A color harmony is a combination of colors that look visually pleasing together, based on their position on the color wheel. Common types: Complementary (opposite colors, high contrast), Analogous (adjacent colors, cohesive feel), Triadic (three evenly spaced, vibrant), Split Complementary, and Tetradic (four colors forming a rectangle).
Each RGB channel (0–255) converts to a two-character hex number. RGB(255, 87, 51) becomes: 255→FF, 87→57, 51→33 — giving #FF5733. Use our converter above to do it instantly — enter your R, G, B values and the hex code appears automatically, no math needed.
Yes — 100% free, no account, no limits. Every tool on HtmlColor.Codes is free for personal and commercial use. We believe design tools should be open and accessible to everyone, from students and hobbyists to professional developers and full-time designers.
@ HtmlColor.Codes· All tools free · Built for designers & developers worldwide