CMYK ↔ RGB ↔ HEX Color Converter
About Color Palette Randomizer
The Intelligent Color Palette Generator & Harmony Randomizer creates aesthetically cohesive 5-color palettes based on proven color harmony rules (Monochromatic, Analogous, Complementary, Triadic, Tetradic, and Split-Complementary) with 1-click locking.
How to Use Color Palette Randomizer
Step 1
Press Spacebar or click "Generate" to roll new color palettes.
Step 2
Click the Lock icon on swatches you want to preserve.
Step 3
Select color harmony mode to enforce specific geometric relationships on the color wheel.
Step 4
Click "Export Palette".
Practical Use Cases for Color Palette Randomizer
Generating Instant Brand & UI Color Schemes
Explore harmonious color combinations for new web apps, landing pages, and logos with spacebar generation and color lock controls.
Exporting Color Palettes to Figma, CSS & Tailwind
Export randomized harmonious palettes directly into `:root` CSS custom properties, Tailwind theme configs, or ASE swatch files.
Input & Output Examples
Generating Triadic Color Harmony
Base Hue: `217°` (Blue), Rule: `Triadic`
Palette: `#3B82F6` (Primary Blue), `#F63B82` (Magenta), `#82F63B` (Lime), `#1E293B` (Dark Slate), `#F8FAFC` (Light Background)
Key Features & Performance
- ✓Harmony algorithms: Monochromatic, Analogous, Complementary, Triadic, Tetradic, Split-Complementary, and Golden Ratio randomizer.
- ✓Individual color locking (lock favorite swatches while re-randomizing the rest).
- ✓WCAG contrast checker integrated for each palette pair.
- ✓Exports to: CSS Variables, SCSS, Tailwind, JSON, and SVG palette strip.
- ✓100% Client-Side memory execution.
Key Terminology & Definitions
Color Harmony
Aesthetically pleasing relationships between colors based on their geometric positions on the standard 360° color wheel.
Triadic Harmony
A color scheme composed of three colors evenly spaced by 120 degrees on the color wheel.