Color & CSS

Color Picker

Color Picker: color, alpha → hex, rgb, hsl, alpha, preview. Process locally in your browser.

Keep this tool in your workbenchReport a problem

Loading Color & CSS controls…

Browse the Color & CSS station →

What does this tool do?

Color Picker: color, alpha → hex, rgb, hsl, alpha, preview. Process locally in your browser. Inputs: Color, Alpha. Outputs: HEX, RGB, HSL, Alpha, Preview.

How to use it?

Provide the listed input and choose Pick. Review the result, then copy or download where available. Clear removes inputs and results.

Browser-local processing. No uploads, content logging, persistence or remote resource loading. Generated markup is inert text; files are treated as untrusted data.

All color calculations use the documented sRGB color model and stay in this browser.

Uses the browser color control for opaque color selection and a separate 0–100% alpha value. Transparency uses a checkerboard preview.