Converters
Color Converter
HEX, RGB, HSL and HSV with a live picker and contrast check.
Loading tool…
About this color converter
Design tools, CSS and image editors all prefer different colour notations. This converts between them instantly and shows the colour as you go.
It also generates a tint and shade ramp, and checks contrast against white and black to the WCAG AA and AAA thresholds.
How to use it
- Pick a colour or type a value in any supported format.
- All the other formats update immediately.
- Copy the notation you need, or take a shade from the generated ramp.
Color Converter — FAQ
What contrast ratio do I need?
WCAG AA needs 4.5:1 for normal text and 3:1 for large text. AAA raises that to 7:1 and 4.5:1.
Does it support 8-digit hex with alpha?
Yes, alpha is preserved and shown as rgba and hsla too.
More free tools
%Percentage CalculatorWork out percentages, increases, decreases and percentage differences.🎂Age CalculatorFind an exact age in years, months, days, hours and minutes.⚖️BMI CalculatorCalculate body mass index in metric or imperial units.🏦EMI CalculatorLoan EMI, total interest and a full amortisation schedule.📈Compound Interest CalculatorSee how savings grow with compounding and regular contributions.🏷️Discount CalculatorSale price, amount saved and the real percentage off.