Convertir HEX a RGB y HSL: conversor de colores

Los diseñadores entregan códigos hexadecimales, las animaciones CSS prefieren HSL porque interpola con sentido y el trabajo en canvas necesita canales RGB. Este conversor toma un color y genera sus equivalentes, con una muestra en directo y la relación de contraste frente al negro y al blanco para comprobar la accesibilidad.

Conversor de colores: cómo se usa

1. Introduce un color en HEX o elígelo con el selector.
2. Lee sus valores equivalentes en RGB y HSL.
3. Revisa las relaciones de contraste con texto blanco y negro.
4. Copia el formato que necesites con sintaxis CSS lista para pegar.

Preguntas frecuentes

¿Por qué usar HSL en lugar de HEX?

Porque HSL se entiende a simple vista. Aclarar un color consiste en subir un número en lugar de recalcular tres pares hexadecimales, lo que facilita mucho crear una paleta coherente.

¿Qué contraste necesito para cumplir la accesibilidad?

WCAG AA exige 4,5:1 para texto normal y 3:1 para texto grande; AAA eleva el mínimo a 7:1. Las cifras de la herramienta te dicen al momento si funciona mejor el texto blanco o el negro.

¿Qué significa el cuarto valor de RGBA?

Es el canal alfa, la opacidad, de 0 (totalmente transparente) a 1 (totalmente opaco). El CSS moderno también acepta un hexadecimal de ocho dígitos en el que el último par codifica el alfa.

¿Por qué el mismo HEX se ve distinto en dos pantallas?

Por la gestión del color. Las pantallas varían en gama y calibración, y sin un perfil de color explícito el mismo valor sRGB se ve diferente en un monitor de gama amplia.

Formateador JSON · Codificador Base64 · Codificador de URL · Decodificador JWT · Ver todas las herramientas

También disponible en: English · Português · Français · Deutsch