Convertidor de RGB a Hex

Convierte valores RGB a códigos de color hexadecimales al instante con vista previa en vivo. Herramienta online gratuita y precisa para diseño web y CSS.

o
Intercambiar
#

¿Cómo convertir RGB a Hex?

La conversión de RGB a Hex transforma valores decimales RGB (0-255) en notación hexadecimal para la web. Cada componente RGB se convierte a dos dígitos hexadecimales (00-FF) y se concatena para formar el código de seis caracteres.

Ejemplo: RGB(255, 87, 51) → #FF5733:
- Rojo: 255 = FF
- Verde: 87 = 57
- Azul: 51 = 33

¿Por qué convertir de RGB a Hex?

Los códigos hexadecimales son el formato estándar en desarrollo web. Aunque CSS admite RGB, los códigos hex son más compactos, reconocidos y fáciles de copiar y compartir. La mayoría de herramientas y selectores de color usan hex como formato principal.

¿Cómo funciona la conversión RGB a Hex?

Cada componente RGB (0-255 en decimal) se convierte a base 16 (hexadecimal). Se divide entre 16: el cociente es el primer dígito y el resto el segundo. Por ejemplo, 255 ÷ 16 = 15 resto 15, que en hex es FF (F representa 15).

¿Puedo usar RGB en lugar de Hex en CSS?

Sí, CSS admite rgb() y rgba() para transparencia. Sin embargo, los hex son más concisos y tradicionales. Los códigos hex con canal alfa (#RRGGBBAA) también están soportados en navegadores modernos, aunque rgba() es más común.

¿Diferencia entre colores RGB y Hex?

Representan los mismos colores en formatos distintos. RGB usa tres números decimales (0-255); Hex usa seis dígitos hexadecimales (00-FF). Son intercambiables: RGB(255, 0, 0) = #FF0000. La elección depende del contexto y preferencia.

Conversiones RGB a Hex comunes

Vista previaColorRGBHex
 Negro(0, 0, 0)#000000
 Blanco(255, 255, 255)#FFFFFF
 Rojo(255, 0, 0)#FF0000
 Lima(0, 255, 0)#00FF00
 Azul(0, 0, 255)#0000FF
 Amarillo(255, 255, 0)#FFFF00
 Cian(0, 255, 255)#00FFFF
 Magenta(255, 0, 255)#FF00FF
 Plata(192, 192, 192)#C0C0C0
 Gris(128, 128, 128)#808080
 Granate(128, 0, 0)#800000
 Oliva(128, 128, 0)#808000
 Verde(0, 128, 0)#008000
 Púrpura(128, 0, 128)#800080
 Verde azulado(0, 128, 128)#008080
 Azul marino(0, 0, 128)#000080