Convertir RGB a HEX
Introduzca los valores de rojo, verde y azul o una cadena CSS rgb() y obtenga el código de color HEX correspondiente.
Convertir colores RGB a códigos HEX
Los selectores de color, los editores de imagen y el código gráfico suelen dar los colores como tres números, mientras que CSS, los tokens de diseño y las guías de marca prefieren el compacto código HEX. Convertir RGB a HEX es exacto: los mismos tres bytes simplemente se escriben en base 16.
Esta página abre el conversor de colores con la entrada RGB seleccionada y un ejemplo ya escrito.
La conversión paso a paso
- Tome el valor de cada canal, de 0 a 255.
- Divídalo entre 16: el cociente es el primer dígito hexadecimal y el resto, el segundo (de 10 a 15 se escriben de la A a la F).
- Rellene los dígitos sueltos con un cero delante, de modo que 10 pase a
0Ay no aA. - Una los tres pares detrás del signo
#.
| RGB | Por canal | HEX |
|---|---|---|
rgb(10, 132, 255) | 0A · 84 · FF | #0A84FF |
rgb(255, 87, 51) | FF · 57 · 33 | #FF5733 |
rgb(128, 128, 128) | 80 · 80 · 80 | #808080 |
Olvidar el relleno con ceros es el error clásico de los conversores escritos a mano: 10, 132 y 255 unidos sin relleno dan #A84FF, que no es un color válido.
rgba() y HEX de 8 dígitos
CSS acepta códigos HEX de 8 dígitos desde hace años. El cuarto par es el alfa: multiplique el alfa de 0 a 1 por 255 y redondee, de modo que 0,5 pasa a 128, o 80 en hexadecimal. El conversor muestra tanto el código de 8 dígitos como la forma rgba(), así que puede usar la que admita su herramienta.
RGB a HEX en código
En JavaScript: '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join(''). En Python: '#{:02X}{:02X}{:02X}'.format(r, g, b). Los dos se encargan del relleno con ceros por usted.
Herramientas relacionadas
Use HEX a RGB para la dirección inversa, HEX a HSL cuando quiera ajustar la luminosidad de forma sistemática y el comprobador de contraste de color antes de usar un color para texto.