Cómo usar
- Ingresar código de color
Introduzca un código de color en cualquier formato (HEX, RGB, HSL, CMYK).
- Ver color
Vea la vista previa del color.
- Copiar otros formatos
Copie el código de color en el formato deseado.
¿Qué es la conversión de códigos de color?
La conversión de códigos de color consiste en expresar el mismo color en distintos sistemas de notación como HEX, RGB y HSL. La pantalla crea color mezclando los colores primarios de la luz —rojo, verde y azul—, por lo que todo color se reduce, en última instancia, a la intensidad de tres canales RGB. HEX comprime esos valores RGB en una cadena hexadecimal de seis dígitos (#RRGGBB), mientras que HSL los reorganiza tal como las personas perciben el color, mediante un ángulo de tono, la saturación y la luminosidad.
Por qué importa la conversión
- Escribir CSS — Tome el código HEX de un diseño y conviértalo a RGB, que facilita ajustar la opacidad.
- Ajuste de color — Cuando solo desea oscurecer un poco un color, convertirlo a HSL le permite ajustar únicamente el valor L.
- Colaboración — Mantenga sincronizados el HEX de Figma del diseñador, las variables RGB del desarrollador y las referencias de color del equipo de impresión.
Sin importar el formato que introduzca, este conversor calcula todos los demás de una vez y muestra el color real en una vista previa.
Fórmula de conversión
HEX → RGB divide el número hexadecimal en pares de dos dígitos y lee cada uno como un número decimal.
R = parseInt(hex[0:2], 16); G y B se calculan igual. Ejemplo: #FF5733 → FF=255, 57=87, 33=51 → RGB(255, 87, 51).
RGB → HSL primero normaliza cada canal al rango 0-1 y luego obtiene la luminosidad.
L = (max + min) / 2S = delta / (2 − max − min) (cuando L > 0,5)
donde delta = max − min. En el ejemplo anterior, max=1 y min=0,2 dan L = 0,6 (60%), S = 0,8/0,8 = 100% y un ángulo de tono H ≈ 11°, que se convierte en HSL(11°, 100%, 60%).