Color tools.
Convert colors, check contrast, build palettes and Tailwind shades. 17 tools, free, each running in your browser with nothing uploaded.
Every one of the color tools
17 tools.
Color converterConvertType a color in any CSS notation and read it in ten at once, with the nearest Tailwind color and a custom property to paste.
Contrast checkerContrast and accessibilityCheck a text color on its background against WCAG 2.2 and APCA, see it at real sizes, and get the nearest color that passes.
Tailwind color generatorTailwind colorsGive it your brand color and get eleven shades from 50 to 950 shaped like Tailwind's own, in OKLCH, ready to paste as a v4 @theme or a v3 config.
Color palette generatorPalettes and mixingPick a base color and a harmony and get five colors that belong together, worked out on a perceptual wheel.
Image color pickerFrom imagesDrop an image and click any pixel for its color in HEX, RGB, HSL and OKLCH, with a loupe to land on the right one and a history of your picks.
Image color palette generatorFrom imagesDrop a picture and get its dominant colors with how much of it each covers, found by k-means in a perceptual color space, ready to paste as Tailwind or CSS.
Color blindness simulatorContrast and accessibilitySee your image or palette the way people with color vision deficiency see it, side by side with the original, and catch the colors that merge before your users do.
Color mixerPalettes and mixingMix colors in four color spaces side by side and see why the space matters: sRGB's muddy middle next to OKLab's clean one.
Tailwind color finderTailwind colorsPaste any color and get the Tailwind CSS v4 shades closest to it, with the class to paste, how close each one is, and the exact color as an arbitrary value when none is close enough.
HEX to RGB converterConvertType a hex color code and get its RGB value at once, with the base-16 working pair by pair and every other notation underneath.
RGB to HEX converterConvertType RGB values, as rgb(), rgba() or plain numbers, and get the hex code at once, with each channel's base-16 pair shown.
HEX to HSL converterConvertType a hex color and read its hue, saturation and lightness at once, to one decimal, so the round trip lands back on the same code.
Need the product around them? With Pro, your AI agent builds the form, the result card and the rest of the page from a prompt, in your theme.
Get ProOther categories
More free tools. Every category runs in the browser, with nothing uploaded.
Pricing
Free tools, and the product around them with Pro
The tools are free. Pro adds 6,000+ blocks, premium templates and the MCP server, so your AI editor builds the product around them.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the color tools can and can't do, how they treat your files and which to pick.
4.9 out of 5 from 150+ developers
Build the product around them
Every block, template and icon, installed by your AI agent in your theme. The tools stay free.
Get Pro