Convertir colores HEX a RGB

El mismo color en dos idiomas: #4F46E5 y rgb(79, 70, 229)

La diseñadora te manda los colores de marca en HEX, y tu programa de presentaciones o tu biblioteca de código los pide en RGB, o al revés. Las dos notaciones describen el mismo color: HEX escribe los niveles de rojo, verde y azul en hexadecimal, y RGB los escribe como números del 0 al 255. La herramienta de Jood convierte en los dos sentidos y muestra el color para que lo compruebes a simple vista.

Cómo se usa

1. Escribe el color en cualquier formato.
2. Pulsa «Empezar ahora».
3. Aparece un recuadro del color con las dos notaciones: copia la que necesites.

Formatos que entiende

• HEX completo o abreviado: con o sin #, como #3B82F6, 3B82F6 o la forma corta fff, que significa #FFFFFF.
• RGB: como rgb(79, 70, 229), o solo los tres números separados por comas o espacios: 79 70 229.
• Transparencia: rgba(0, 0, 0, 0.5) pasa a #00000080, y también se acepta un porcentaje como 50 %. Funciona al revés con un HEX de ocho cifras.

Si introduces un valor RGB mayor que 255, la herramienta te avisa en lugar de inventarse un color.

Cuándo la necesitarás

• Pasar los colores de un logotipo de un archivo de diseño al CSS de tu web.
• Introducir los colores corporativos en un programa que solo acepta RGB.
• Convertir un color semitransparente de una maqueta en un código HEX de ocho cifras que entienden el CSS y los navegadores actuales. Ojo: Android pone las dos cifras de transparencia al principio y no al final, así que #00000080 se escribe allí #80000000.

¿Y para imprimir?

HEX y RGB son notaciones para pantallas. Las imprentas trabajan en CMYK, y la conversión depende del papel y de la máquina, por eso la herramienta no la ofrece. Si vas a imprimir una identidad visual, pide los valores CMYK oficiales a la imprenta o al diseñador. Para otras conversiones hexadecimales, entre texto y bytes, usa el conversor de texto a HEX. El cálculo se hace en el servidor de Jood y no se guarda nada.

Preguntas frecuentes