Convertidor de RGB a HEX

El modelo RGB expresa el color mediante tres canales de luz aditivos —rojo, verde y azul—, cada uno con una intensidad que oscila entre 0 y 255. Este modelo se corresponde directamente con el funcionamiento de las pantallas digitales: cada píxel está compuesto por subpíxeles rojos, verdes y azules cuyo brillo se controla de forma independiente. La notación HEX almacena estos mismos tres canales en formato hexadecimal, un sistema de numeración de base 16 en el que cada dígito representa un valor de 0 a 15 utilizando los caracteres del 0 al 9 y de la A a la F. El par de dígitos hexadecimales de cada canal cubre el rango completo de 0 a 255 con exactamente dos caracteres, lo que convierte al código HEX de seis caracteres en una representación compacta y sin pérdida de cualquier color RGB.

La conversión de RGB a HEX es una operación fundamental siempre que el código que gestiona el color internamente en formato RGB deba generar colores en un formato compatible con CSS o con herramientas de diseño. Las operaciones de canvas en JavaScript, los sombreadores (shaders) de WebGL, las bibliotecas de animación de color y los procesos de tratamiento de imágenes trabajan internamente con valores numéricos de canal; sin embargo, las propiedades CSS que determinan la mayor parte de la apariencia visual de una página web —como `background-color`, `border-color`, `color` y `box-shadow`— aceptan cadenas HEX como uno de sus formatos de color principales. Convertir la representación interna RGB a HEX en la fase de salida es el método estándar para conciliar ambas representaciones.

El algoritmo de conversión transforma cada canal (que es un número entero) en su representación hexadecimal de dos dígitos. En JavaScript, esto se realiza mediante `Math.round(channel).toString(16).padStart(2, "0")`, y los tres resultados se concatenan añadiendo el prefijo `#`. El paso de redondeo gestiona los valores decimales de los canales resultantes de cálculos de color; operaciones como la interpolación entre dos colores, el ajuste del brillo mediante un porcentaje o el muestreo de un píxel a partir de datos del *canvas* pueden generar valores fraccionarios que deben redondearse al entero más cercano antes de la conversión a formato hexadecimal. Este redondeo introduce un error mínimo en las conversiones de ida y vuelta (HEX → RGB → HEX), pero dicho error se mantiene siempre dentro de medio paso en una escala de 0 a 255 y resulta visualmente imperceptible.

En la documentación de diseño y las directrices de marca, el formato HEX es el predominante para especificar colores, precisamente porque casi todas las herramientas y plataformas lo reconocen. Figma, Sketch, Adobe Creative Cloud, Google Docs, Notion, GitHub y la mayoría de los frameworks CSS muestran selectores de color que utilizan HEX como formato de salida predeterminado. Cuando un desarrollador copia un valor RGB de las herramientas de desarrollo del navegador o de un cálculo de color en JavaScript, y necesita documentarlo junto con el resto de la paleta, convertirlo a HEX genera un formato que diseñadores, otros desarrolladores y clientes pueden utilizar directamente, sin necesidad de conversiones adicionales.

Una limitación importante de RGB y HEX es la ausencia de un canal alfa. El formato HEX estándar de seis dígitos solo codifica colores totalmente opacos. La transparencia requiere el uso de la notación CSS `rgba()` (que amplía RGB con un cuarto canal con valores de 0 a 1) o del formato HEX de ocho dígitos (`#RRGGBBAA`), compatible con CSS moderno. Si el color incluye un componente alfa, conviene mantenerlo en formato RGBA o verificar si la plataforma de destino admite el formato HEX de ocho dígitos antes de realizar la conversión. Este conversor gestiona el caso estándar de opacidad; para conversiones que preserven el canal alfa, asegúrese de que el código posterior admita la especificación RGBA completa.