Generate a fixed 6-color palette from a base color at set hue offsets (+30/+60/+120/+180/+210). Click any swatch to copy its HEX. Work never leaves your device — everything renders locally in your browser.
Pick colors from a visual spectrum or enter hex values. Copy to clipboard — perfect for design palettes, CSS variables, and UI mockups. Work never leaves your device — everything renders locally in your browser.
Generate shade and tint scales from any base color — 10-step ramps for design systems. Build hover states systematically — free, local, no signup.
Convert colors between HEX, RGB, and HSL with a type-and-convert text UI. Translate brand specs across formats — free, local, no signup.
Export 14 fixed PNG sizes (1024, 512, 192, 180, 167, 152, 120, 87, 76, 60, 58, 40, 32, 16) from pasted SVG code or one uploaded image (PNG/SVG/JPEG), downscaled with high-quality smoothing into a flat app-icons.zip. 5 free generations per session; Pro unlimited — local Canvas work.
Describe your brand in one line and get a complete 6-color palette with hex codes and designer usage notes. Founders go from 'trustworthy fintech' to a working palette in a minute — 1 credit per palette.
Always the same six slots: your base plus +30, +60, +120, +180 and +210 hue shifts at set saturation/lightness. There is no scheme picker — near offsets read calm, the +180 opposite reads bold.
Six swatches per click: the base plus five derived offsets. Map them onto background, surface, primary, text and accent roles yourself.
Vary lightness instead of stacking saturated hues: the fixed offsets share similar saturation, so pick neighbors for calm surfaces and mute all but one accent.
One swatch at a time — click a color to copy its HEX for CSS variables, Tailwind theme extension, or Figma styles. There is no copy-all or file export.
No. Palette math runs entirely in your browser. Nothing leaves your device.
Color Picker
Pick colors from a visual spectrum or enter hex values. Copy to clipboard — perfect for design palettes, CSS variables, and UI mockups. Work never leaves your device — everything renders locally in your browser.
Gradient Generator
Design CSS gradients — linear, radial, conic — with multi-stop color control and live preview. Ship mesh-grade backgrounds from code — local generation, free, no signup.
Color Blindness Simulator
Simulate color blindness: preview designs through protanopia, deuteranopia, and tritanopia filters — catch invisible-to-some UI. Fix red-green errors before users suffer — local Canvas work, free, no signup.
Color Shades & Tints
Generate shade and tint scales from any base color — 10-step ramps for design systems. Build hover states systematically — free, local, no signup.
Last updated October 2026