Color Converter

HEX is a 6-digit code (e.g. #3498db) representing red, green, and blue in base-16. RGB spells the same three channels out as decimal numbers from 0–255, e.g. rgb(52, 152, 219). HSL describes a color by hue, saturation, and lightness instead, which is often more intuitive when you want to lighten, darken, or desaturate a color by hand. RGBA is RGB plus a fourth alpha value (0–1) for opacity — use the Opacity % field above to generate it, or enter an 8-digit HEXA code (e.g. #3498db80) directly.

A HEX code splits into three 2-digit pairs — one each for red, green, and blue — and each pair is converted from hexadecimal to decimal:
#3498db → 34 (R) = 52, 98 (G) = 152, db (B) = 219

So #3498db becomes rgb(52, 152, 219).

• HEX is compact and the most common format in CSS and design tools.
• RGB (and rgba()) is needed when you want to add transparency to a color.
• HSL (and hsla()) makes it easy to build a color palette by adjusting lightness or saturation without changing the underlying hue.

• Color Converter
• HEX to RGBA Converter
• Case Converter
• Aspect Ratio Calculator
• PX to REM
• REM to PX
• PX to EM
• EM to PX
• PX to Percent
• Percent to PX