HEX / RGB / HSL Color Converter

Convert colors between HEX, RGB and HSL with live preview.

Preview

#42A5F5

rgb(66, 165, 245)

hsl(207, 90%, 61%)

HEX

Pick a color

RGB

HSL

207° · 90% · 61%

RGB

66 · 165 · 245

HEX

#42A5F5

Contrast vs B/W

Aa 2.65:1Aa 7.93:1AAA on white

175 available

Annuity and differentiated monthly installments, interest breakdown, and amortization schedule.

Calculate PITI (Principal, Interest, Taxes, Insurance), PMI, and accelerated payoff savings.

Visualize compound growth with recurring deposits, annual rate, and investment horizons.

Add or extract Value Added Tax (VAT) with international country presets.

Analyze profitability and percentage return on business capital and investments.

Gross to net salary with income tax, social contributions and deductions, monthly and annual.

About this calculator

Convert colors between HEX, RGB and HSL with live preview, random generator and WCAG contrast against black and white.

HEX vs RGB?

HEX is the compact web notation of RGB triplets, e.g. #FF0000 is pure red.

What is HSL?

Hue (0–360°), saturation and lightness — an intuitive way to pick shades of one color.

What is the contrast ratio?

WCAG compares text/background luminance; 4.5:1 or higher is readable for body text.