HEX RGB HSL Converter | Color & UI Tools

// Color & UI

HEX ↔ RGB ↔ HSL

> Convert between HEX, RGB, and HSL — edit any channel and the rest stay in sync.

convert.cfg

HEX ●

RGB

HSL

values.out

HEX:  #00D4FF
RGB:  rgb(0, 212, 255)
HSL:  hsl(190, 100%, 50%)

/* CSS */
color: #00D4FF;
color: rgb(0, 212, 255);
color: hsl(190, 100%, 50%);