CanDoYa
ES

Conversor RGB a HEX

Funciona del todo en tu navegador: sin subir nada y sin registro.

Canales RGB

Introduce números enteros de 0 a 255.

Colores predefinidos
Elegir un color
HEX de 6 dígitos#4F46E5
Pares de canales HEX
4F46E5
rgb(79, 70, 229)
Comparte esta herramienta

¿Cómo convertir RGB a hexadecimal?

Convierte cada valor de rojo, verde y azul de decimal a un par hexadecimal de dos dígitos y une los tres pares después de #. RGB(255, 87, 51) se convierte en FF, 57 y 33, así que el color HEX es #FF5733. Este conversor hace el cálculo al instante y puede añadir un par alfa para la opacidad.

Cómo se usa

  1. 1Introduce los canales RGB. Escribe el rojo, el verde y el azul como números enteros de 0 a 255, o ajusta los controles sincronizados.
  2. 2Comprueba la vista previa. La muestra de color y el resultado HEX de seis dígitos se actualizan al instante. También puedes hacer clic en la muestra para elegir un color visualmente.
  3. 3Añade opacidad si hace falta. Activa la opacidad para crear un código HEX de ocho dígitos y elige un porcentaje de 0 a 100.
  4. 4Copia el código HEX. Pulsa Copiar para guardar en el portapapeles el código de color listo para CSS.

Para quién es

Los canales RGB usan valores decimales de 0 a 255. HEX representa esos mismos tres canales sRGB con pares de base 16, desde 00 hasta FF. Escribe los valores, mueve los controles, elige un ajuste predefinido o haz clic en la vista previa para abrir el selector de color del navegador. Activa la opacidad cuando necesites el formato de ocho dígitos #RRGGBBAA. La conversión se realiza localmente en tu navegador, sin subir datos ni crear una cuenta.

RGBHEX
rgb(255, 0, 0)#FF0000
rgb(0, 128, 255)#0080FF
rgb(15, 23, 42)#0F172A

Preguntas frecuentes

¿Este conversor RGB a HEX es gratis?

Sí. Puedes usarlo gratis, sin registro, descargas ni límites. Introduce los canales RGB, usa los controles o elige un color y copia el resultado al momento.

¿Se envían mis valores RGB a un servidor?

No. La conversión de RGB a HEX es un cálculo sencillo que se ejecuta por completo en tu navegador. Los valores de color no se suben ni se envían a ningún servicio.

¿Qué valores RGB puedo introducir?

Introduce un número entero de 0 a 255 para cada canal rojo, verde y azul. Cero significa que ese canal no aporta color y 255 indica su intensidad máxima. El conversor avisa si hay decimales, valores vacíos o números fuera del intervalo, en vez de modificarlos sin avisar.

¿Cuál es la fórmula para convertir RGB a HEX?

Convierte cada canal RGB decimal a base 16 y complétalo hasta tener dos dígitos. Coloca primero el rojo, después el verde y luego el azul, con # al principio. Para rgb(255, 87, 51), los pares son FF, 57 y 33, que juntos forman #FF5733.

¿Los colores HEX pueden incluir opacidad?

Sí. CSS admite el formato de ocho dígitos #RRGGBBAA. El último par es el alfa: 00 es totalmente transparente y FF es totalmente opaco. Activa la opacidad en el conversor para transformar un porcentaje en ese par final.

¿Importan las mayúsculas y minúsculas en HEX?

No. CSS no distingue entre mayúsculas y minúsculas en los dígitos HEX, por lo que #FF5733 y #ff5733 representan el mismo color. El conversor usa mayúsculas para que los pares sean más fáciles de leer, pero ambas formas sirven en CSS y HTML.

¿Por qué una opacidad del 50 por ciento se convierte en 80 en HEX?

El canal alfa tiene 256 valores de byte, desde 00 hasta FF. La mitad de 255 es 127,5, que se redondea a 128. El decimal 128 equivale al hexadecimal 80, así que una opacidad del 50 por ciento añade 80 como par final.