Color picker
This tool lets you pick a color in the sRGB {{glossary("color space")}} and converts it between various CSS color formats, helping you understand the syntax of the following sRGB color notations:
{{cssxref("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.{{CSSxRef("color_value/rgb", "rgb()")}}, which defines a given color according to its red, green, blue and alpha (transparency) components.{{CSSxRef("color_value/hsl", "hsl()")}}, which defines a given color according to its hue, saturation, lightness and alpha (transparency) components.{{CSSxRef("color_value/hwb", "hwb()")}}, which defines a given color according to its hue, whiteness, blackness and alpha (transparency) components.{{CSSxRef("color_value/color", "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.
{{EmbedGHLiveSample("css-examples/modules/colors.html", '100%', 450)}}
The generated color values can be used anywhere the {{cssxref("color_value", "<color>")}} data type is supported in CSS.