🎨 CHROMIQ

Color Palette Generator

Generate beautiful color palettes, gradients, and convert between HEX and RGB — lock your favorites.

🎨 Palette (click swatch to copy, 🔒 to lock)

Press Space or click New Palette to regenerate. Locked colors stay fixed.

🛠️ Tools

About CHROMIQ Color Palette Generator

CHROMIQ generates harmonious color palettes using color theory algorithms. Each generated palette ensures perceptual balance across hue, saturation, and brightness. Lock colors you love and regenerate the rest for infinite design exploration.

Color Theory Basics

  • Complementary – Colors opposite on the color wheel (e.g., blue and orange)
  • Analogous – Colors adjacent on the wheel — harmonious and pleasing
  • Triadic – Three evenly-spaced colors — vibrant and balanced
  • Monochromatic – Different shades/tints of the same hue — elegant and cohesive

HEX vs RGB Color Formats

HEX colors use a 6-digit hexadecimal string (#RRGGBB) where each pair represents red, green, blue intensity (0–255). RGB uses three decimal numbers (rgb(R, G, B)). Both represent the same colors — HEX is more compact for CSS; RGB is more readable for programmatic manipulation.

Choosing a Color Palette for Your Brand

  • Start with your primary brand color, then generate complementary or analogous colors
  • Ensure sufficient contrast ratios for accessibility (WCAG 2.1 requires 4.5:1 for normal text)
  • Limit your palette to 3–5 colors for clean, professional design
  • Test colors on both light and dark backgrounds
How do I convert HEX to RGB? +
What makes a good color palette for a website? +