Which color tool do I need?
Every free color tool on ChromaBrew, grouped by the job you are trying to finish — not by what the tool is. Pick the task closest to yours and open the tool that does it. All of them run in your browser, nothing is uploaded, and the same engines power the color palette generator.
I'm picking colors for a new project
Start from nothing or from a color you already love: generate harmonies, borrow a real brand anchor, or stretch one hue into a full scale.
Color palette generator
Turn one color into six harmony families — complementary to tetradic.
Brand color palettes
Borrow the anchor hex of a famous brand and seed from it.
Shade & tint scale generator
Stretch one color into an even 50–950 shade scale in OKLCH.
Color mixer
Blend two colors at any ratio and read the result live.
I need to check my colors are accessible
Measure instead of guessing: contrast ratios graded to WCAG, whole palettes audited at once, and every pair previewed the way color-blind viewers see it.
I have a brand color and need it in code
Paste the primary once and export a production-ready theme for the stack you actually ship.
Tailwind color generator
Turn one color into a Tailwind v4 @theme palette block.
shadcn/ui theme generator
Generate an oklch shadcn/ui theme from your brand color.
Dark mode generator
Derive an accessible dark theme instead of inverting colors.
Design token generator
Export semantic tokens as DTCG JSON and CSS variables.
I need to convert, name or tweak a color
The everyday lookups: every format at once, the closest CSS name, and transparency done properly.
I'm working with images
Pull palettes out of photos or move vector and raster graphics between formats — everything runs in your browser.
I want the CSS effects around the color
The rest of a visual system: gradients, elevation shadows and type scales that sit on top of your palette.
Prefer to browse by type?
The full tools directory lists every tool grouped by what it is — color, converter, CSS and image — with the complete registry and FAQs.