¿Qué es un conversor de RGB a hexadecimal?
Esta herramienta transforma un color RGB —formado por tres canales (Rojo, Verde y Azul), cada uno con un valor de 0 a 255— en un código de color hexadecimal con el formato #RRGGBB. Los códigos hex son la forma estándar de especificar colores en HTML, CSS, SVG y la mayoría de los programas de diseño, así que pasar de RGB a hexadecimal es una tarea cotidiana para desarrolladores web y diseñadores.
Cómo usarlo
Introduce tus valores de Rojo, Verde y Azul, cada uno entre 0 y 255, y consulta el código hex resultante junto a la muestra de color. Si introduces valores fuera de rango, se ajustan automáticamente al intervalo 0-255.
La fórmula explicada
El valor de cada canal (0-255) se escribe como un número de dos dígitos en base 16. El primer dígito es el resultado de dividir el valor entre 16 (el nibble alto) y el segundo es el resto de esa división (el nibble bajo), usando los dígitos 0-9 y las letras A-F. Los tres pares de dígitos se unen tras un # inicial:
$$\text{Hex} = \text{\#} \, \overline{\text{Red}}_{16} \, \overline{\text{Green}}_{16} \, \overline{\text{Blue}}_{16}$$
Ejemplo resuelto
Tomemos el color «tomato» (tomate): R=255, G=99, B=71. Para R: \(255 \div 16 = 15 \to \text{F}\), resto \(15 \to \text{F}\), así que «FF». Para G: \(99 \div 16 = 6 \to 6\), resto \(3 \to 3\), así que «63». Para B: \(71 \div 16 = 4 \to 4\), resto \(7 \to 7\), así que «47». Al concatenarlos: #FF6347.
Preguntas frecuentes
¿Por qué el código hex tiene 6 dígitos? Dos dígitos hexadecimales representan cada uno de los tres canales (\(2 \times 3 = 6\)), lo que cubre los 16 777 216 colores posibles.
¿Puedo usar mayúsculas o minúsculas? Ambas son válidas en CSS. Esta herramienta devuelve las letras en mayúscula (A-F); #ff6347 y #FF6347 son idénticos.
¿Y la transparencia? Los códigos hex estándar no incluyen canal alfa. El formato de 8 dígitos #RRGGBBAA añade opacidad, pero este conversor genera el código habitual de 6 dígitos.
