Convertidor HEX a RGB

HEX es un código hexadecimal de 6 dígitos más común en diseño web (#FF5733). RGB descompone el color en componentes Rojo, Verde, Azul (0-255 cada uno) — el formato natural para pantallas. HSL usa Matiz (0-360 grados en el círculo cromático), Saturación (0-100%) y Luminosidad (0-100%), más intuitivo para ajustar tonos y variantes de un color.

El control alfa controla la transparencia de 0 (completamente transparente) a 1 (completamente opaco). Cuando el alfa es menor que 1, la herramienta genera RGBA y HSLA en lugar de RGB/HSL simples. Estos son los formatos CSS para fondos, superposiciones y colores de texto transparentes o semitransparentes.

El HEX de tres dígitos (#F53) es abreviatura del de seis dígitos (#FF5533), donde cada dígito se duplica. Escribe el código de 3 dígitos directamente — el convertidor lo maneja automáticamente. La salida siempre muestra la forma completa de 6 dígitos.

HSL es mejor para generar paletas de colores y variaciones. Para aclarar un color, aumenta el valor de Luminosidad. Para desaturar, disminuye la Saturación. Para cambiar el matiz, cambia el valor H. RGB no tiene estas relaciones intuitivas, por lo que HSL es el formato preferido para temas dinámicos y propiedades personalizadas de CSS.

Sí. Haz clic en el botón del selector de color para abrir el selector nativo del navegador. Algunos navegadores (Chrome, Edge) admiten una función de cuentagotas que puede muestrear cualquier píxel de tu pantalla. El soporte depende de la versión de tu navegador.

La sección de salida CSS muestra declaraciones CSS listas para pegar para cada formato: background-color: #FF5733; o color: rgb(255, 87, 51); etc. Haz clic en cualquier botón de copiar junto a ella para copiar la línea CSS exacta a tu portapapeles.

Sí, es gratuita. Todo el cálculo de colores se ejecuta localmente en tu navegador a través de JavaScript. No se envían valores de color, imágenes ni ningún dato a un servidor.