Free tools — no signup needed
44 standalone color tools.
Use any of them right now. Anything you save carries over the moment you sign up.
Palette Generator
Spacebar through ideas — Coolors-style.
Image Picker
Drop a photo. Drag pins. Extract colors.
Palette Visualizer
See your palette live on cards, dashboards, websites & brand mockups.
Theme Generator
Build a complete shadcn/ui theme with light + dark token sets from one brand color.
Radix Colors
Generate the canonical Radix 12-step accent + gray scale with alpha siblings.
Color Systems Explorer
One brand color, 20 famous design systems — Tailwind, Radix, Material, Carbon, Fluent, Apple HIG, more.
OKLCH Gradient
Multi-stop gradients with perceptual interpolation — no muddy gray middle. CSS / SVG / Tailwind export.
Logo → Theme
Drop your logo. Get a full ColorTools CSS design system — brand, neutrals, light + dark.
Tailwind → The Color Tools
Paste any Tailwind component or block. Get the on-brand ColorTools CSS equivalent, instantly.
Generate
Make new palettes from scratch — by spacebar, brief, AI, or harmony rules.
Palette generator
Spacebar through ideas — Coolors-style.
Gradient maker
Linear, radial, conic, mesh — CSS export.
Advanced Gradient
Mesh points, easing curves, grain — PNG export.
Gradient palette
OKLCH stops → N-step palette.
AI text → palette
Brief in, palette out.
AI color naming
Brandable names like 'Coast at Six.'
Tailwind generator
Generate + Tailwind config inline.
Color Scale Generator
Tints + shades from one base, every step tunable.
Rainbow Palette
Every named hue × every shade, from one master config.
Color Wheel
Pick a base, choose a harmony rule, drag arms to fine-tune.
Harmonizer
OKLCH palette grid with shared chroma + APCA contrast — UI-ready.
Discover
Browse curated palettes, gradients, and color libraries.
Explore palettes
Curated by topic, mood, color.
Trending palettes
100 hand-curated 4-colour combos.
Colorists
Painters, filmmakers, designers paired with their signature palettes.
List of colors
112 named colors, search + filter.
List of gradients
24 curated gradients, copy CSS.
Palette visualizer
See your palette on 36 templates.
From an image
Anything that takes an image in — extraction, editing, or output.
Image to palette
Drop a photo, extract the colors.
Image search → palettes
Type a word, get photos + palettes.
Image to Pantone
Identify the nearest Pantone with ΔE.
Photo editor
Filters, presets, color tone.
Image converter
PNG / JPG / WEBP + resize.
SVG recolor
Paste SVG, swap colors, download.
Collage maker
Mood-board with color tint.
Identify & match
Find what a color is or what it's closest to.
Convert
Move between color spaces — web, print, brand, modern wide-gamut.
Color converter
HEX / RGB / CMYK / LAB / OKLCH.
OKLCH Color Picker & Converter
L/C/H sliders with live sRGB gamut warning.
Pantone → CMYK
Conversion with ICC profile picker.
Pantone → HEX
Most-searched conversion.
Pantone → RGB
Screen-accurate render.
HEX → Pantone
Web color → swatch book.
HEX → CMYK
Web → print bridge.
CMYK → Pantone
Print → brand match.
Accessibility & type
Test your palette against real users — WCAG, APCA, color blindness, type pairings.
Save your work. Sync across devices.
Sign up free — palettes, brand kits, and history follow you everywhere. No credit card.
Get started — free