Convertir color hexadecimal a RGB
Convierte un código hexadecimal a valores RGB, con vista previa del color en tiempo real.
Tus datos no se envían a ningún servidor.
El conversor de hexadecimal a RGB pasa un código de color como #FF8800 a
su forma rgb(255, 136, 0). Acepta el código de 6 dígitos y su abreviatura de 3,
y te da la función lista para pegar en tu CSS junto con los tres canales por
separado.
Cómo se lee un código hex
Un color hex son tres números de dos dígitos en base 16, uno por canal:
| Rojo | Verde | Azul | |
|---|---|---|---|
| Hex | FF | 88 | 00 |
| Decimal | 255 | 136 | 0 |
Cada par va de 00 a FF, es decir, de 0 a 255. Los dígitos de la A a la F
valen de 10 a 15, así que 88 es 8 × 16 + 8 = 136.
Cuándo necesitas los números
En CSS el hex y rgb() son equivalentes, así que convertir solo hace falta
cuando lo que viene después trabaja con canales. Pasa al leer o modificar píxeles
en un canvas con getImageData, en librerías de gráficos que piden cada canal
como un número, o al calcular un degradado o una mezcla entre dos colores, que se
hace canal a canal. Si lo que quieres es añadir transparencia a un color de tu
paleta, el conversor de hex a RGBA te da el rgba() con la
opacidad que elijas.
Cómo usar Hex a RGB
- 1
Escribe el código hexadecimal
Introduce el color con o sin el símbolo #. Vale la forma larga de 6 dígitos (#FF8800) y la corta de 3 (#F80). El campo ignora cualquier carácter que no sea un dígito hexadecimal.
- 2
Comprueba que está completo
La conversión se hace en cuanto el código tiene 3 o 6 dígitos. La indicación junto al campo se pone verde para confirmarlo.
- 3
Copia el rgb()
El resultado muestra la función rgb() lista para CSS, una muestra del color y los tres canales por separado.
Preguntas frecuentes
¿Cuántos dígitos debe tener el código hex?
3 o 6, sin contar el #. En la forma larga cada par de dígitos es un canal. La forma corta duplica cada dígito, así que #F80 equivale a #FF8800. Con cualquier otra longitud el código está incompleto y no se convierte.
¿Qué pasa si mi hex tiene 8 dígitos?
Los dos últimos son el canal de transparencia, y rgb() no tiene dónde guardarlo. Para esos códigos usa el conversor de hex a RGBA, que conserva la opacidad.
¿Da igual escribirlo en mayúsculas o en minúsculas?
Sí. #ff8800 y #FF8800 son el mismo color. El campo lo pasa a mayúsculas solo para que se lea mejor.
¿Cómo se convierte a mano?
Cada par de dígitos es un número en base 16: el primer dígito vale 16 veces su valor y el segundo, su valor tal cual. Así, 88 es 8 × 16 + 8 = 136, y FF es 15 × 16 + 15 = 255.
¿Qué significan los valores R, G y B?
La intensidad de rojo, de verde y de azul, cada una de 0 a 255. rgb(0, 0, 0) es el negro, rgb(255, 255, 255) el blanco y los tres valores iguales dan siempre un gris.