Find the color
you love.
Search 245 named colors by name or hex — or open the picker and dial one in. Every format, its closest name, harmonies and the right tool, all on one page.
Color tools
Everything you'd reach for when working with color, in one shared engine.
Color Picker
Drag to any hue, read every format, and pull harmonies, shades, tints and tones.
Color Wheel
An interactive RGB wheel for exploring complementary, triadic, and square harmonies.
Palette Generator
Generate a five-color palette or a full shade ramp from any seed color.
Converter
One input, every format out: Hex, RGB, HSL, HSV, CMYK and OKLCH at once.
Contrast Checker
Test two colors against WCAG AA/AAA before you ship the pairing.
Gradient Creator
Build a multi-stop linear or radial gradient and copy the CSS.
Color Mixer
Blend two colors, choose the steps, and mix in sRGB or perceptual OKLab.
Color Blindness Simulator
Preview any color or image under eight kinds of color-vision deficiency.
Image Color Picker
Sample a pixel from any photo and pull a palette from the whole image.
Color Name from Image
Click any point in a photo to get the closest named color and its family.
Color Screen
Fill your display with any solid color, or download it in 1080p, 4K or a custom size.
HTML Color Picker
Pick a color and copy its hex, RGB or HSL code with ready-to-paste HTML and CSS.
Color Matcher
Find colors that go with yours, and its closest Tailwind, Material or CSS color.
Adobe Color Wheel Alternative
Five-color themes on an RYB or RGB wheel, exported as an .ase swatch file.
Color Blind Test
Twelve dot plates that screen for red-green and blue-yellow color blindness.
Cambridge Color Test
Measure your color discrimination on the protan, deutan and tritan axes.
Color Personality Test
Twelve quick questions reveal your personality color and a matching palette.
HTML Color Codes
Search 245 named colors and click any one to copy its code.
Resistor Color Code
Read 4, 5 and 6-band resistors, or find the bands for any value.
Browse by family
Named shades grouped the way people actually look for color.
Popular colors
Well-known shades — click one to load it into the search above.
140 CSS color names
The full standard list — rebeccapurple, cornflowerblue, and everything in between — with hex, RGB and HSL for each.
Curated charts
Tailwind CSS, Flat UI, Material Design, and the classic 216 web-safe palette, ready to export.
View charts →Every color tool in one place
ColorName.net is a free set of online color tools built around one idea: whatever you know about a color — its name, its hex code, a pixel in a screenshot — you should be able to get everything else in a click. Type a name like teal or a hex code like #008080 into the search above and you get the color's exact values, its closest standard name, its harmonies and a shortcut into the right tool. There is no sign-up, nothing to install, and every calculation runs in your browser, so the tools work offline and never upload what you enter.
The color picker covers hex, RGB, HSL, HSV, CMYK and OKLCH with live harmonies and shade ramps; the converter and the dedicated RGB to hex and hex to RGB pages handle format changes; the palette generator and color wheel turn one seed color into a full scheme; and the gradient creator and color mixer build blends you can paste straight into CSS. For accessibility, the contrast checker tests any pairing against WCAG AA and AAA, and the color blindness simulator previews a design under eight kinds of color-vision deficiency.
Working from an image? The image color picker is an online eyedropper for any photo or screenshot, and color name from image tells you what a color is called. Need a plain field of color? The color screen tool fills your whole display with any solid color — a white screen for checking a monitor for dead pixels, a black screen to save OLED battery, a green screen for video — and downloads it in 1080p, 4K or a custom size. Beyond the tools, the color library gives every one of 245+ named colors its own page, the 140 CSS color names reference has the standard browser keywords, and the chart pages cover Tailwind CSS, Material Design, Flat UI, the 216 web-safe colors and Minecraft color codes.
Frequently asked questions
Are these color tools free?
Yes. Every tool on ColorName.net is free, runs entirely in your browser with no sign-up, and nothing you enter is uploaded anywhere.
Which color formats are supported?
Hex, RGB, HSL, HSV/HSB, CMYK and OKLCH. The converter and picker translate between all of them instantly, and also show the closest web-safe color.
How many named colors are there?
The reference table covers the 140 standard CSS color names plus rebeccapurple, each with hex, RGB and HSL. The color-namer matches against a wider set of about 245 common design and paint names.
Do I need to install anything?
No. Everything runs client-side in any modern browser on desktop or mobile — there is no app to download.