Convertidor de RGB a HEX
Convierte valores RGB en un código de color hex.
Funciona en tu navegador. Nada de lo que escribes se envía a ningún sitio.
- Pega rgb() o rgba()
- Hex de 8 dígitos con alfa
- Se actualiza mientras escribes
Cómo convertir RGB a HEX
- Pega un valor rgb() o rgba(), o escribe cada canal.
- Baja el alfa de 1 para obtener también un código hex de 8 dígitos.
- Copia el código hex.
Ejemplos de RGB a hex
| RGB | Hex | Nota |
|---|---|---|
| rgb(255, 136, 0) | #FF8800 | Conversión estándar |
| rgb(0, 0, 0) | #000000 | Negro |
| rgba(255, 136, 0, 0.5) | #FF880080 | El alfa añade 2 dígitos |
| 255, 136, 0 | #FF8800 | Los números simples también funcionan |
Cómo se convierte el alfa en dígitos hex
Multiplica el alfa por 255, redondea al número entero más cercano y escríbelo como dos dígitos hex al final del código.
| Alfa | Sufijo hex |
|---|---|
| 1 (sólido) | no hace falta |
| 0.75 | BF |
| 0.5 | 80 |
| 0.25 | 40 |
| 0 (invisible) | 00 |
Dónde funciona el hex de 8 dígitos
- CSS acepta #RRGGBBAA en todos los navegadores actuales: Chrome, Firefox, Safari y Edge.
- Los atributos fill y stroke de SVG también aceptan hex de 8 dígitos en navegadores modernos.
- Algunos editores de imagen y herramientas de diseño antiguos solo leen hex de 6 dígitos y eliminan o rechazan el par de alfa, así que conserva una copia de 6 dígitos sólida para esos casos.
Preguntas frecuentes sobre RGB a HEX
¿Cómo convierto RGB a HEX a mano?
Escribe cada canal como un número de dos dígitos en base 16 y únelos. rgb(255, 136, 0) se convierte en FF, 88 y 00, así que #FF8800.
¿Cómo se escribe la opacidad en hex?
Multiplica el alfa por 255, redondea y escríbelo como dos dígitos hex al final. Un alfa de 0.5 se convierte en 80, así que rgba(255, 136, 0, 0.5) es #FF880080.
¿Qué formatos puedo pegar?
rgb(255, 136, 0), rgba(255, 136, 0, 0.5), el más nuevo rgb(255 136 0 / 50%) y números simples como 255, 136, 0. Un código hex también funciona.
¿Es diferente #ff8800 de #FF8800?
No, las mayúsculas no importan en los colores hex. Marca Mayúsculas si tu guía de estilo prefiere mayúsculas.
¿Puedo escribir un nombre de color como orange en vez de números?
No. Este convertidor solo lee valores numéricos rgb(), rgba() y hex, ya que igualar los 148 colores con nombre de CSS necesitaría su propia tabla de referencia.
¿Por qué mi código hex cambió un poco después de escribir un porcentaje?
Los canales en porcentaje como rgb(94% 53% 0%) se convierten al paso más cercano de 256 por canal, así que el redondeo puede desviar el resultado en 1 en algunos canales.
¿El canal alfa se redondea igual en todos los navegadores?
Sí. El cálculo aquí, multiplicar por 255 y redondear a un número entero, es estándar y da los mismos 2 dígitos hex sin importar el navegador, ya que esta página hace la conversión ella misma en lugar de depender de una API del navegador que podría variar.
¿Puedo convertir un color con un alfa en porcentaje, como 50%?
Sí. rgba(255, 136, 0, 50%) y el más nuevo rgb(255 136 0 / 50%) funcionan ambos, junto con la sintaxis decimal antigua de 0 a 1 para el alfa.