HTML Tool

Color Picker & Converter

Pick any color visually or type a value in any format. Instantly converts between HEX, RGB, HSL, and generates a CSS custom property.

color-picker

HEX

RGB

HSL

CSS Variable

Or enter any HEX / RGB / HSL value:

HEX, RGB, HSL

Pick any color visually or type a value in any format. The tool instantly converts between HEX, RGB, and HSL so you always have the right format for your CSS.

CSS variable

Generates a ready-to-use CSS custom property declaration — just copy and paste into your stylesheet's :root block.

Works offline

Color conversion happens entirely in your browser with no external requests. Works without an internet connection once the page is loaded.