Convertidor de RGB a hex

¿Qué es un convertidor de RGB a hex?

Un convertidor de RGB a hex toma un color descrito por sus tres canales —rojo, verde y azul, cada uno de 0 a 255— y te devuelve el mismo color escrito como código hexadecimal, el formato de seis dígitos que espera casi cualquier propiedad de color en CSS. Es lo que necesitas cuando tienes un valor rgb() copiado de una herramienta de diseño, una paleta de marca o incluso una foto, y tienes que pegarlo en una hoja de estilos que solo acepta hex.

En este convertidor puedes pegar el rgb() completo —con o sin la palabra rgb(), con comas o con espacios, incluso en porcentaje— o mover directamente los tres campos de rojo, verde y azul si prefieres ajustar el color a ojo. El código hex aparece al momento, junto con una muestra del color y accesos rápidos al mismo tono en rgb() y hsl().

Cómo usarlo

1. Pega o escribe el valor RGB. Copia el rgb() tal cual lo tengas —con comas, con espacios, en porcentaje o con una opacidad al final como rgb(64 147 230 / 50%)— y pégalo en el campo de texto.
2. Ajusta los canales si lo necesitas. Los campos de Rojo, Verde y Azul se actualizan solos al pegar, y funcionan también al revés: cambia cualquiera de los tres números de 0 a 255 y el campo de texto se recalcula al instante.
3. Copia el código hex. El resultado aparece en grande junto a su muestra de color; haz clic para copiarlo, o baja a por el mismo color en rgb(), hsl() y el nombre de color más parecido.

Cómo funciona la conversión

La conversión de RGB a hex es pura aritmética en base 16: cada canal, un número de 0 a 255, se escribe como un par de dígitos hexadecimales de 00 a FF. No hay redondeo ni pérdida de precisión en ningún sentido —230 es exactamente E6, siempre—, así que puedes ir y volver entre RGB y hex sin que el color cambie ni un poco. La única cifra que sí se redondea es la opacidad: si tu rgb() incluye una barra con un porcentaje, como / 50%, ese valor decimal se guarda en los dos dígitos finales del hex de 8 cifras, y 0,5 se convierte en 80 —es decir 128 de 255, no exactamente la mitad.

Un detalle más: tanto el hex como el rgb() describen colores del espacio sRGB, el que usan la inmensa mayoría de pantallas y de la web. Los colores de gama amplia, como los que produce Display P3 en pantallas de Apple recientes, no caben en ninguno de los dos formatos —el CSS moderno usa la sintaxis color(display-p3 ...) para esos casos. Y si ves una línea con el valor en HSL junto al resultado, está redondeada a números enteros para que se lea bien; el hex y el rgb() sí son exactos.

¿Por qué es gratis?

Porque la conversión ocurre entera en tu navegador —no hay servidor procesando el color, así que no hay coste que cobrarte por ello. No pedimos cuenta, no marcamos el código que copias con nada, y no existe una versión de pago con más funciones escondidas: este convertidor es gratis del todo, tantas veces como lo necesites.