🛠ī¸ DevToolkit

Color Picker & Palette Generator

🎨 Color Picker

Pick colors and generate beautiful color palettes

Selected Color

HEX: #667eea
RGB: rgb(102, 126, 234)
HSL: hsl(228, 75%, 66%)

🎨 Generated Palettes

Click any color to copy its HEX code

Complementary Colors

Analogous Colors

Triadic Colors

ℹī¸ How to Use:

  1. Click the color picker to select any color
  2. View color values in HEX, RGB, and HSL formats
  3. Click the 📋 button next to any value to copy it
  4. Explore generated color palettes below
  5. Click any palette color to copy its HEX code

💡 About Color Palettes:

  • Complementary: Colors opposite on the color wheel (high contrast)
  • Analogous: Colors next to each other (harmonious)
  • Triadic: Three colors evenly spaced (vibrant & balanced)
← Back to All Tools