Toolbench  /  Developer  /  Color Picker

Developer

Color Picker

Pick a color and copy its HEX, RGB and HSL values for CSS and design.

Pick a color

Values

AD SLOT — add your AdSense code here

About the color picker

A color picker lets you choose a color visually and read its value in the formats web and design tools expect: HEX (like #2340e8), RGB (red, green, blue channels) and HSL (hue, saturation, lightness).

HEX and RGB describe the same color in different notation; HSL is often easier to tweak by hand because you can shift hue or lightness without touching the others. This tool shows all three at once and copies any of them in a click.

The picker runs entirely in your browser — handy for grabbing a CSS value, matching a brand color, or building a palette without installing anything.