All Tools
No sign-up, no waiting — see for yourself.
Type any hex code. This is the same engine behind the full converter.
Pick the right tool for the job
Converting a value you already have
If a designer handed you a hex code and your code needs rgb()
or hsl(),
the converter
handles every direction live. For the full picture — LAB, OKLCH, HWB, CMYK, harmonies, and
contrast data in one place — open the color's own page instead: type any hex after
/color/
or start from the directory.
Building a scheme from scratch
Start with the color wheel to explore harmony relationships visually, then lock a scheme in with the palette generator and export it as CSS variables, SCSS, or Tailwind. Need in-between tones two colors don't give you? The mixer blends in OKLab, so midpoints stay clean instead of turning gray. If your starting point is a photo rather than a color, the image picker extracts a palette without uploading anything.
Checking your choices hold up
Before shipping, run text and background pairs through the contrast checker for WCAG AA/AAA pass-fail, and preview your key colors in the color blindness simulator — red-green deficiencies alone affect about 1 in 12 men. When two colors look suspiciously close, the Delta E calculator tells you whether anyone can actually see the difference.
Go deeper
All guides →Tools · 3 min
Unicode "Fonts" Explained: How Text Generators Work — and When Not to Use Them
Fancy-text generators don't generate fonts at all — they swap your letters for mathematical Unicode symbols th...
Development · 4 min
From One Color to a Design System: Building a UI Color Scale
The gap between "our brand color is #7C3AED" and a working product is a color system: primitive scales, semant...
Color Theory · 4 min
Why Gradients Turn Muddy — and How to Fix Them
Blend two clean, vivid colors and the middle comes out gray, dark, and disappointing. The mud has two specific...
Frequently asked questions
Once a tool page has loaded, all the math runs locally in your browser — you can convert, generate, and check colors with the connection dropped. Navigating to a different tool page still needs a connection, since each tool is its own page.
Each page does one job with a URL you can bookmark and share — a specific contrast pair, a palette from a specific base color, a gradient with exact stops. That beats one mega-tool whose state disappears when you close the tab. The color detail pages are the everything-at-once view when you want it.
Yes — every tool on the site runs on the same single color-math library, with one implementation per formula covered by automated tests. The contrast ratio you see in the checker is computed by exactly the same code as the one on a color detail page.
If you have a color value, start at the converter or paste the hex into the search. If you have nothing yet, start at the color wheel to find a base hue you like, then hand it to the palette generator. If you have an image, start at the image color picker.
Yes, the toolset grows regularly — recent additions include the OKLab color mixer, the color blindness simulator, and the daily Color Match game. If something you need is missing, use the 'Suggest a tool' link on this page; real requests directly shape what gets built next.
Ready to find your perfect palette?
Start from any color and let real color theory do the rest — or warm up with today's puzzle.