🎨 Color Tool · Instant Values

Color Picker

Pick any color and instantly get HEX, RGB, HSL and CSS values. Includes a 9-shade generator and curated palette of 20 colors.

🎨 Pick Your Color
📋 Color Values — Click to Copy
HEX
#7C3AED
RGB
rgb(124, 58, 237)
HSL
hsl(262, 83%, 58%)
CSS Variable
--color: #7C3AED;
🌈 Color Shades — Click to Select
✦ Curated Palette — Click to Select

💡 Color Design Tips

  • Use HEX codes for web and graphic design
  • RGB is best for screen-based and digital design
  • HSL makes it easy to adjust lightness and saturation
  • Stick to 2–3 colors for a clean, professional brand palette
  • Check contrast ratio for accessibility (WCAG 2.1 AA standard)
  • Use lighter shades for backgrounds, darker for text