Calculadora de RGB a Hex

Los códigos de color hexadecimales son la forma estándar de especificar colores en diseño web y CSS, y esta calculadora convierte valores RGB en un código hex. Introduces los valores de rojo, verde y azul, cada uno de 0 a 255, y devuelve el código de color hexadecimal de seis dígitos. La conversión funciona porque cada canal de color va de 0 a 255, que es exactamente el rango que un número hexadecimal de dos dígitos puede representar (00 a FF), así que cada canal se convierte en dos dígitos hex y los tres se unen con un numeral inicial. Por ejemplo, RGB (255, 165, 0) — un naranja vívido — se convierte en #FFA500. El hexadecimal es base-16, usando los dígitos 0-9 y las letras A-F. Los diseñadores y desarrolladores usan códigos hex constantemente en CSS y herramientas de diseño.

Cómo funciona

Fórmula: Convert each of R, G, B (0–255) to two hex digits and concatenate

Cada valor de rojo, verde y azul de 0 a 255 se convierte a un número hexadecimal de dos dígitos, luego los tres pares se unen y se prefijan con un numeral para formar un código de color hexadecimal de seis dígitos. El hex es base-16, así que 255 se convierte en FF y 0 en 00.

Cuándo usarla

Úsala al diseñar para la web y necesites convertir un color expresado en RGB a su código hexadecimal, el formato estándar en CSS, HTML y la mayoría de las herramientas de diseño. La emplean desarrolladores y diseñadores que han elegido un color por sus valores de rojo, verde y azul y quieren el código compacto para una hoja de estilos. Es útil al trasladar un color de una herramienta de edición a código, al documentar una paleta de marca o al ajustar un tono a mano cambiando un canal. Introduce los tres valores de 0 a 255 para obtener el código de seis dígitos con numeral, listo para pegar.

Consejos y consideraciones

Cada canal va de 0 a 255, que corresponde exactamente a dos dígitos hexadecimales de 00 a FF, por eso el color cabe en seis caracteres. Lee el código por pares: los dos primeros son rojo, los siguientes verde y los últimos azul; FF es el máximo y 00 la ausencia, así que el rojo puro es FF0000 y el blanco FFFFFF. Entender esto te permite ajustar un tono directamente subiendo o bajando un par. La conversión es reversible: para volver a RGB, separa los tres pares y pasa cada uno de hexadecimal a decimal, verificando que ningún canal supere el valor 255. Conviene conocer un par de atajos: cuando las dos cifras de cada canal coinciden, existe una forma abreviada de tres dígitos, de modo que #FFAA00 puede escribirse #FA0. Para transparencia, CSS admite un código de ocho dígitos (RRGGBBAA) cuyo par final es el canal alfa. Y recuerda que estos valores son sRGB, no lineales, así que mezclar tonos sumando sus números hex no da el resultado visual esperado.