Convertidor de colores — HEX, RGB, HSL, OKLCH

Convierte un código HEX a RGB, HSL y OKLCH, y al revés. Añade un color de fondo y obtienes la relación de contraste WCAG con el veredicto AA/AAA para texto normal y grande. Todo se calcula en tu navegador.

Cómo usarlo

Pega un código HEX, un valor rgb() o hsl(), o elige el color con el selector.
Copia el valor HEX, RGB, HSL u OKLCH directamente de la lista.
Introduce un color de fondo para ver el contraste y el resultado AA/AAA.

El contraste usa la fórmula de luminancia relativa de WCAG 2.x. El canal alfa se ignora: el contraste real de un color translúcido depende del fondo, así que introduce el color ya compuesto.

Herramientas relacionadas

Herramientas para Desarrolladores — JSON · Base64 · URL · Regex · Timestamp · JWT · Cron · CIDR · Diff.
Compresor de Imágenes — Comprime y redimensiona imágenes directamente en tu navegador, sin subir archivos.
Contador de Caracteres y Palabras — Cuenta caracteres, palabras, líneas y bytes en tiempo real.
Generador de Códigos QR — Convierte cualquier enlace o texto en un código QR y descárgalo en PNG.