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.
¿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 previa | Color | RGB | Hex |
|---|---|---|---|
| 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 |