vextil
Back to Color Tools

Color Picker

Choose any color with our interactive color picker. You'll get color values in all common formats: HEX, RGB, HSL, and more.

Select Color
Click the picker or enter a HEX value
Color Formats
Click to copy
HEX
#3B82F6
RGB
rgb(59, 130, 246)
RGBA
rgba(59, 130, 246, 1)
HSL
hsl(217, 91%, 60%)
HSLA
hsla(217, 91%, 60%, 1)
Color Values
59
Red
130
Green
246
Blue
217°
Hue
91%
Saturation
60%
Lightness
How to use
  1. 1Choose a color with the picker
  2. 2Adjust brightness and saturation
  3. 3Copy the color in desired format
Features
  • Interactive Picker

    Visual color selector with preview.

  • All Formats

    HEX, RGB, HSL, HSV, and CSS format.

  • Color Gradient

    Shows hue, saturation, and lightness separately.

  • Favorites

    Save frequently used colors.

FAQ

Which format should I use for web design?

HEX (#FF0000) is most common for CSS. RGB/RGBA when transparency is needed.

What's the difference between HSL and RGB?

RGB mixes Red/Green/Blue. HSL uses Hue/Saturation/Lightness - more intuitive for humans.

Can I extract colors from images?

For that, there's the separate 'Color from Image' tool.

Related Tools

Color Shades

Generate color palette

Color Converter

Convert color formats

Tailwind Colors

Tailwind CSS colors

Color Palette

Generate color palettes

Note: All processing happens in your browser. Your files are not uploaded to any server.