Generate harmonious color palettes from a base color. Includes complementary, analogous, and triadic color schemes for designers. Everything runs locally in your browser — nothing is uploaded.
Generate color shades and tints from a base color by varying lightness in HSL space.
Generate avatar initials SVG from any name with customizable background color, text color, and size. Perfect for profile placeholders. Everything runs locally in your browser — nothing is uploaded.
Convert colors between Hex, RGB, HSL, HSV, and CMYK formats. Real-time preview, color picker, and copy-to-clipboard.
Describe your brand and get a complete 6-color palette with usage suggestions for designers. Uses AI to generate harmonious color schemes.
Add a subtle color tint to all pages in a PDF document. Upload your PDF and pick a background color.
Analogous (neighbors on the wheel) for calm, cohesive UIs; complementary (opposites) for bold CTAs against quiet backgrounds; triadic for playful three-color brands. Start analogous, add one complementary accent.
Five roles: background, surface, primary, text, accent — plus success/warning/error states. Generate the base five here, then derive shades by shifting lightness ±10–20%.
Keep saturation similar across palette members and vary lightness instead. Two highly saturated colors of different hues vibrate; muting one fixes it instantly.
Yes — copy all HEX codes at once, or individual values per swatch, ready for CSS variables, Tailwind theme extension, or Figma styles.
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. Everything runs locally in your browser — nothing is uploaded.
Gradient Generator
Create beautiful CSS gradients with a visual preview. Choose between linear and radial gradients for your web designs. Everything runs locally in your browser — nothing is uploaded.
Color Blindness Simulator
Simulate how your designs and images appear to users with protanopia, deuteranopia, tritanopia, and achromatopsia color vision deficiencies.
Color Shades & Tints
Generate color shades and tints from a base color by varying lightness in HSL space.