Color Picker Tool

Select a color to get its HEX, RGB or HSL code.

Color Picker Tool

This tool allows you to pick a color in the sRGB color space and convert it between different CSS formats, to better understand the following notations:

  • <hex-color>: a hexadecimal representation of an sRGB color using its primary components (red, green, blue) written in hexadecimal, as well as its transparency.
  • rgb(): defines a color by its red, green, blue and alpha (transparency) components.
  • hsl(): defines a color by its hue, saturation, lightness and alpha (transparency).
  • hwb(): defines a color by its hue, whiteness, blackness and alpha (transparency).
  • color(): defines a color in the given color space.

When you select a color, it is displayed in four standard CSS formats. Alpha channel (transparency) control is also supported.

Select a color to get its HEX, RGB or HSL code.