Color Picker

Pick any color and instantly see HEX, RGB, HSL, and RGBA values. Click the swatch or type a HEX code.

#3B82F6

Presets

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

RGBA

rgba(59, 130, 246, 1)

Color Format Guide

  • HEX — 6-digit hexadecimal code used in HTML/CSS. E.g. #3b82f6
  • RGB — Red, Green, Blue values from 0–255. E.g. rgb(59, 130, 246)
  • HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%). More intuitive for design. E.g. hsl(217, 91%, 60%)
  • RGBA — RGB with Alpha (opacity) channel from 0 (transparent) to 1 (opaque). E.g. rgba(59, 130, 246, 1)