Hex Color Picker

Pick colors visually and get HEX, RGB, and HSL values instantly.

HEX

#3B82F6

RGB

59, 130, 246

HSL

217°, 91%, 60%

CSS Code

color: #3b82f6;
background-color: #3b82f6;
rgb(59, 130, 246)

Saved Colors

Color Format Guide

  • HEX: 6-digit hexadecimal format (e.g., #FF5733) - most common in web design
  • RGB: Red, Green, Blue values from 0-255 (e.g., rgb(255, 87, 51))
  • HSL: Hue, Saturation, Lightness - easier to understand color relationships
  • Tip: Use the random button to discover new color combinations!