Color Picker Tool

Pick colors easily and get CSS codes instantly. Perfect for web designers and developers.

Color Picker
Red 24
Green 0
Blue 173
Alpha 1
Quick Color Palette
Color Codes
HEX
#1800ad
RGB
rgb(24, 0, 173)
RGBA
rgba(24, 0, 173, 1)
HSL
hsl(246, 100%, 34%)
HSLA
hsla(246, 100%, 34%, 1)
CSS Variable
--primary-color: #1800ad;
How to use:
  • • Use the color picker or sliders to select a color
  • • Click on any color code to copy it to clipboard
  • • Use the quick palette for common colors
  • • The preview updates in real-time as you adjust colors