Skip to content

Conversor de color y contraste

Convierte colores entre HEX, RGB, HSL y OKLCH y comprueba el contraste WCAG para un texto accesible.

Sin subidas Embed this tool on your site →
HEX#FF5A1F
RGBrgb(255, 90, 31)
HSLhsl(16 100% 56%)
OKLCHoklch(68.2% 0.211 37.7)
Tailwindbg-[#ff5a1f]

Contrast checker

Background #ffffff

Large heading

Normal body text looks like this on the background.

3.12:1

✕ AA normal text
✓ AA large text
✕ AAA normal text
✕ AAA large text

Palette contrast matrix

Paste a whole palette to check every text/background pair against WCAG 2.2.

0 of 0 pairs pass

Cómo usar Conversor de color y contraste

  1. 1Abre Conversor de color y contraste. Funciona en tu navegador, sin registro.
  2. 2Escribe o pega tus datos.
  3. 3Copia o descarga el resultado.

Preguntas

What contrast do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18pt+ or 14pt bold).

What is OKLCH?

A perceptual colour space used in modern CSS. Equal steps in lightness look equal to the eye.

Más herramientas

Formateador y validador JSONEmbellece, minifica, valida Codificador y decodificador Base64Texto y archivos Generador de hashMD5, SHA-1, SHA-256, SHA-512 Generador de contraseñas y UUIDFuertes, aleatorias, locales Probador de regexCoincidencias y grupos en vivo Decodificador JWTCabecera, payload, caducidad Comparador de textosCompara dos textos CSV ↔ JSON ↔ YAML ↔ XMLConvierte formatos de datos