HEX to RGB & HSL Color
Everyday & OtherConvert color codes between HEX, RGB, HSL, and CMYK formats with live color preview, complementary palettes, and WCAG accessibility contrast ratio calculation.
hsl(221°, 83%, 53%)
About this calculator
Web developers, graphic designers, and UI/UX specialists frequently need to translate color definitions between hexadecimal web strings (#2563eb), RGB channel components (rgb(37, 99, 235)), HSL cylindrical coordinates, and print CMYK.
This tool provides real-time bidirectional conversion across all major color models, calculates relative luminance, and checks WCAG 2.1 contrast ratios against white and black backgrounds for digital accessibility.
How It Works & Formula
Parses 3-digit or 6-digit HEX codes to 8-bit RGB channels (0-255). Computes HSL by finding min/max RGB channels and calculating cylindrical hue angle and saturation. Relative luminance follows the WCAG formula L = 0.2126R + 0.7152G + 0.0722B.
Related Calculators
View All (24)Tip & Bill Split Calculator
Calculate tip percentages, total bill, and split amounts evenly among friends or party members.
Fuel Cost & Trip Mileage
Calculate total gas cost for a road trip, cost per passenger, and fuel efficiency (MPG vs L/100km).
Aspect Ratio & Screen Resizer
Calculate matching dimensions for 16:9, 4:3, 21:9, 1:1, or custom aspect ratio video and photo resolutions.
GPA & Grade Point Calculator
Calculate semester and cumulative Grade Point Average (GPA) on 4.0 scale with credit weights.