Conversor de colores (HEX / RGB / HSL)
Introduce un color en cualquier formato — HEX, RGB o HSL — o usa el selector de color, y obtén al instante los otros dos formatos más una vista previa, listos para copiar en tu CSS.
Cómo usarlo
Escribe un valor como `#3b82f6`, `rgb(59,130,246)` o `hsl(217,91%,60%)`, o haz clic en la muestra para elegir visualmente. Las tres representaciones se actualizan juntas, cada una con su botón de copiar.
HEX y RGB describen un color por la intensidad de rojo/verde/azul; HSL lo describe por tono, saturación y luminosidad, más intuitivo cuando quieres aclarar u apagar un tono. Tener los tres facilita coger el que espere tu herramienta o tu código.
Preguntas frecuentes
¿Cómo convierto HEX a RGB?
Divide los seis dígitos hex en tres pares y lee cada uno como número en base 16: `#3b82f6` → 0x3b=59, 0x82=130, 0xf6=246 → rgb(59, 130, 246). Pega cualquier hex aquí y aparecen al instante el RGB (y el HSL).
¿Cuál es la diferencia entre RGB y HSL?
Describen los mismos colores de forma distinta. RGB mezcla luz roja, verde y azul (como las pantallas); HSL usa tono (posición en la rueda de color), saturación (viveza) y luminosidad — más intuitivo para ajustar un color a mano.
¿Admite el hex abreviado de 3 dígitos?
Sí — `#f53` se expande a `#ff5533` automáticamente, siguiendo la regla abreviada de CSS de duplicar cada dígito.
¿Se admite la transparencia (alfa)?
Este conversor trabaja con colores sólidos (HEX/RGB/HSL). Los canales alfa (rgba/hsla) se leen, pero el valor de transparencia no se traslada — la herramienta se centra en la conversión del color base.