About ColorName.net
ColorName.net is a free, open color toolkit: a picker, wheel, converter and palette tools, alongside a growing library of named colors.
What this site is
ColorName.net brings together the color tools people usually hunt across half a dozen sites for — a color picker, color wheel, format converter, palette generator, gradient creator, mixer, WCAG contrast checker, color blindness simulator, a full-screen color screen tool and two image samplers — plus a browsable library of 245+ named colors and reference charts for Tailwind, Material Design and game color codes.
Every tool is free, needs no sign-up, and runs entirely in your browser. Nothing you type, pick or upload is sent to a server, so the tools work offline and are safe to use with private or unreleased material.
Every tool on ColorName.net
Pick, convert and build palettes
Color picker · HTML color picker · Color converter · Hex to RGB · RGB to hex · Color wheel · Adobe color wheel alternative · Palette generator · Color matcher · Color mixer · Gradient creator · Image color picker · Color name from image · Color screen
Accessibility and color vision
WCAG contrast checker · Color blindness simulator · Color blind test · Cambridge color test — plus, just for fun, the color personality test.
Color names, codes and charts
245 named colors by family · 140 CSS color names · HTML color codes · Tailwind, Material, Flat UI and web-safe charts · Minecraft, Bukkit and Roblox color codes · Resistor color code calculator · HTML & CSS color guides
Where the data comes from
- CSS color keywords — the CSS Color Module Level 4 specification (W3C).
- Contrast ratios — the relative-luminance formula and AA / AAA thresholds of WCAG 2.1.
- Perceptual color matching — the OKLab color space (Björn Ottosson, 2020), used for nearest names, mixing and match scores.
- Color blindness simulation — Machado, Oliveira and Fernandes (2009); the color blind test plates are built on the same model, and the Cambridge-style test follows the published Trivector method (Mollon and Reffin; Regan et al., 1994).
- Design-system palettes — the published Tailwind CSS and Material Design color values.
- Resistor color code — the international standard IEC 60062:2016.
The color vision tests are screening aids, not medical diagnoses. Spotted a mistake or have a suggestion? Email hello@colorname.net.
How it's built
The conversion engine, harmony logic, contrast math and color-vision-deficiency simulation are written from scratch rather than pulled from a library, so the numbers stay consistent between every tool. Color conversions use standard sRGB and CIE math; nearest-name matching runs in the perceptually-uniform OKLab space; the color blindness simulator uses the widely-cited Machado, Oliveira and Fernandes (2009) model. Color names and published palette values are reference information; the tool code and site design are original.