Convertir HEX a RGB
Escribe un color hexadecimal y léelo como rgb(), con muestra en vivo. Valen las formas corta #1af, estándar #11aaff y con alfa #11aaff80, y nada sale de tu navegador. ¿Necesitas HSL? Está a un clic aquí abajo.
- RGB
- rgb(17, 170, 255)
El texto lo procesa tu propio navegador y no sale de tu dispositivo: esta página no tiene servidor al que enviarlo.
Cómo funciona
Cada par de dígitos hex es un canal de 00 a ff, así que #11aaff es rojo 17, verde 170 y azul 255. Las formas de 3 y 4 dígitos duplican cada dígito (#1af es #11aaff), y un hex de 8 dígitos lleva alfa, que sale como rgba() y hsla(). La línea HSL se calcula desde esos mismos valores RGB.
Preguntas frecuentes
¿Qué tienen en común #1af y #11aaff?
Son el mismo color: en la forma corta cada dígito se duplica. La forma corta solo existe para colores cuyos canales repiten dígito, por eso no todos los colores la tienen.
¿Qué es el cuarto par en un hex de 8 dígitos?
El alfa, el canal de opacidad: 00 es transparente y ff opaco. La herramienta convierte #11aaff80 a rgba() con alfa 0.5 y la muestra lo refleja.
¿Cuándo conviene usar HSL?
Cuando diseñas ajustando: HSL separa el tono de la saturación y la luminosidad, así que oscurecer un hover un 10% es cambiar un número en lugar de recalcular tres canales.