Color Converter & Tools

Convert between HEX, RGB, HSL. Check contrast and explore palettes.

Enter color (HEX, RGB, HSL...)

HEX

#3b82f6

RGB

rgb(59, 130, 246)

HSL

hsl(217°, 91%, 60%)

Preview

Check contrast ratio between two colors (WCAG)

Background

Foreground

Sample Text

The quick brown fox jumps over the lazy dog.

14.68:1

Contrast Ratio

Pass

WCAG AA (4.5:1)

Pass

WCAG AAA (7:1)

Like this tool? Support DevTools Box!