#055 · Herramienta para desarrolladores

Conversor RGB a HEX

Convierte componentes RGB a notación hexadecimal para CSS. Puedes introducir una función rgb()/rgba() o una lista de canales separada por comas. La herramienta valida que rojo, verde y azul estén entre 0 y 255 y, si proporcionas alfa, lo transforma a un byte hexadecimal adicional para producir un valor HEX de 8 dígitos.

Datos de entrada

Color RGB
Espacio publicitario

Cómo usar esta herramienta para desarrolladores

  1. Introduce RGB o RGBA.
  2. Ejecuta.
  3. Comprueba los canales detectados.
  4. Copia el HEX.

Qué hace esta herramienta para desarrolladores

Convierte cada canal decimal a dos dígitos hexadecimales y concatena los tres bytes. El alfa opcional se añade como cuarto byte.

0–255 se transforma a 00–FF. Un alfa 0–1 se multiplica por 255 y se redondea al entero más cercano.

La salida usa mayúsculas por legibilidad; CSS acepta también minúsculas.

Ejemplo

rgb(51, 102, 153) → #336699

Casos de uso

  • Variables CSS.
  • Tokens de diseño.
  • Normalización de paletas.

Consejos para obtener resultados fiables

  • Mantén los canales dentro de 0–255.
  • Usa alfa decimal entre 0 y 1.
  • Comprueba contraste aparte.
  • Documenta si tu sistema admite HEX8.

Detalles del procesamiento

El parser extrae valores numéricos de rgb(), rgba() o listas simples.

No admite porcentajes CSS ni sintaxis moderna con barras; usa valores numéricos directos.

Preguntas frecuentes

¿Cómo convertir rgb(255, 0, 128) a HEX?

Cada canal se transforma a dos dígitos hexadecimales y el resultado es #FF0080.

¿Cómo se convierte rgba() a HEX de 8 dígitos?

El alfa de 0 a 1 se convierte a un byte 00–FF y se añade al final.

¿RGB acepta valores decimales para los canales de color?

Esta herramienta exige enteros para R, G y B porque el formato de salida se basa en bytes de 8 bits.

¿CSS acepta HEX con letras en mayúsculas?

Sí. Los dígitos hexadecimales no distinguen mayúsculas y minúsculas.

¿Por qué un alfa 0.5 puede convertirse a 80?

0.5 × 255 se redondea a 128, cuyo valor hexadecimal es 80.

Datos del resultado

DatoDescripción
HEXValor calculado por Conversor RGB a HEX.
RojoValor calculado por Conversor RGB a HEX.
VerdeValor calculado por Conversor RGB a HEX.
AzulValor calculado por Conversor RGB a HEX.

Centro de categoría

Consulta más utilidades de Color y CSS.