Free Color Converter

Convert between HEX, RGB, and HSL color formats with a live preview.

HEX and RGB describe the same color space (red/green/blue channels) in different notations, while HSL (hue/saturation/lightness) is often more intuitive for design work — e.g. adjusting just lightness to create a tint or shade without recalculating RGB values by hand.

Worked Example

Example: #FF6B35 (this site's accent orange) converts to rgb(255, 107, 53) and hsl(16, 100%, 60%).

Formula / Method

Standard colorimetric conversion: HEX pairs are parsed to 0-255 RGB channels; HSL is derived from RGB using the standard min/max-channel formula for hue, saturation, and lightness.

Worked Example

Example: #FF6B35 (this site's accent orange) converts to rgb(255, 107, 53) and hsl(16, 100%, 60%).

Formula / Method

Standard colorimetric conversion: HEX pairs are parsed to 0-255 RGB channels; HSL is derived from RGB using the standard min/max-channel formula for hue, saturation, and lightness.