Color Converter
Convert colors between HEX, RGB and HSL with a live preview.
Screen color picker isn't supported in this browser — use the picker or paste a HEX code.
Color codes
Nearest named color
Royal Blue
#4169e1 · Δ 30.33
HEX
#2563ebRGB
rgb(37, 99, 235)HSL
hsl(221, 83%, 53%)Palette & harmonies
Shades & tints
Complementary
Analogous
Triadic
Tetradic
Tap any swatch to set it as the base color.
Color mixer
Mix ratio: 50% / 50%
Mixed color
#8d51a5Formula & methodology
HEX/RGB map directly per channel (0–255). HSL is derived from sRGB using the standard hue/saturation/lightness transform.
Worked example
- #ff8800 → rgb(255, 136, 0) · hsl(32, 100%, 50%)
Frequently asked questions
What color formats can I paste?
HEX in 3, 6 or 8 digits (alpha is ignored), or adjust the RGB and HSL sliders directly.
Privacy
All processing happens locally in your browser. Your data is never uploaded.