¿Qué es el conversor de color RGB a hexadecimal?
Esta herramienta convierte un color definido por sus canales rojo, verde y azul en el código hexadecimal que se utiliza en la web, en CSS, en los programas de diseño y en HTML. Cada canal va de 0 a 255, y la calculadora transforma esos tres números en un código tan reconocible como #FF6347, junto con su valor decimal puro. Una muestra en vivo te enseña exactamente cómo se ve el color.
Cómo usarlo
Introduce un valor entre 0 y 255 en cada uno de los campos de rojo, verde y azul. Pulsa calcular y verás el código hexadecimal, el valor de color decimal y cómo se corresponde cada canal con su par hexadecimal de dos dígitos. Copia el código hex directamente en tu CSS o en tu aplicación de diseño.
La fórmula explicada
Cada canal es un número de 8 bits (0-255), que equivale exactamente a dos dígitos hexadecimales (00-FF). Para obtener el valor decimal combinado, multiplica el rojo por 65536 (164), el verde por 256 (162) y suma el azul: $$\text{Decimal} = 65536\cdot\text{Red} + 256\cdot\text{Green} + \text{Blue}$$ El código hexadecimal no es más que cada canal escrito en base 16 y unido tras un # inicial.
$$\text{Hex} = \#\,\text{hex}_2\!\left(\text{Red}\right)\,\text{hex}_2\!\left(\text{Green}\right)\,\text{hex}_2\!\left(\text{Blue}\right)$$
Ejemplo resuelto
Tomemos RGB(255, 99, 71), el color «tomate». Rojo 255 = FF, verde 99 = 63 y azul 71 = 47, lo que da el código hexadecimal #FF6347. El valor decimal es $$255\times65536 + 99\times256 + 71 = 16{.}711{.}680 + 25{.}344 + 71 = 16{.}737{.}095$$
Preguntas frecuentes
¿Por qué hay exactamente dos dígitos hexadecimales por canal? Porque 255 en hexadecimal es FF: con dos dígitos se cubre cualquier valor de 0 a 255.
¿Puedo usar el valor decimal en el código? Sí. Muchas API gráficas aceptan el número entero único (por ejemplo, 16737095) como valor de color empaquetado.
¿Cuál es la diferencia entre hexadecimal y RGB? Describen el mismo color con notaciones distintas: el hexadecimal es más compacto y el RGB más legible. Esta herramienta te muestra ambos.
