Color picker tool

This tool lets you pick a color in the sRGB color space and converts it between various CSS color formats, helping you understand the syntax of the following sRGB color notations:

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

When you select a color, it gets displayed in four standard CSS color formats. Control over the alpha channel is also supported.

The generated color values can be used anywhere the <color> data type is supported in CSS.

See also