Color Picker & Palette Generator

Pick any color, convert between HEX, RGB, HSL, HSV, generate harmonious palettes, and create CSS gradients — all in your browser.

#8B5CF6
258°
90%
66%

🎨 Palette Generator

🌈 CSS Gradient Maker

Advertisement

How to Use the Color Picker

  1. Pick a color — use the native picker, HSL sliders, or type a HEX value.
  2. Copy formats — get HEX, RGB, HSL, or HSV with one click.
  3. Generate palettes — choose a harmony rule (analogous, triadic, etc.).
  4. Create gradients — adjust stops, angle, and copy the CSS.

Understanding Color Formats

HEX

Hexadecimal — the most common format in web design. 6 digits represent R, G, B (e.g. #8B5CF6).

RGB

Red, Green, Blue with values from 0–255. Intuitive for programming and manipulation.

HSL

Hue (0-360°), Saturation (0-100%), Lightness (0-100%). Ideal for creating harmonious palettes.

HSV / HSB

Similar to HSL but Value/Brightness replaces Lightness. Common in graphic design tools.

Frequently Asked Questions

Are the colors sent to a server?

No. Everything happens in your browser. Your colors and palettes are never transmitted anywhere.

What is an "analogous" palette?

Analogous colors are neighbors on the color wheel (e.g. blue, blue-violet, violet). They create a calm, cohesive look.

What's the difference between HSL and HSV?

Both use the same hue. HSL's lightness ranges from black to white through the pure color. HSV's value goes from black to the pure color at full brightness.

Can I use these colors commercially?

Yes. All colors and palettes you generate are yours to use for any purpose.