🎨 Color Picker & Palette Generator
Pick a color, see all values, and generate beautiful harmonious palettes.
Click any swatch to copy its HEX value
How Color Palettes Work
Color harmony is based on relationships on the color wheel. Complementary colors sit opposite each other, creating high contrast. Analogous colors are neighbors, producing serene and comfortable designs. Triadic palettes use three equally spaced colors for vibrant balance.
Color Formats Explained
- HEX: Six-digit hexadecimal code (e.g., #6366f1) — most common in web development
- RGB: Red, Green, Blue values from 0-255 — used in screen displays
- HSL: Hue (0-360°), Saturation (0-100%), Lightness (0-100%) — most intuitive for humans
Tips for Choosing Colors
A good color palette uses 2-3 main colors with neutral supporting tones. Test contrast ratios for accessibility. For workspace inspiration, check out our Home Office Setup Guide.