Convertir HEX a RGB

Cómo convertir HEX a RGB

Para convertir HEX a RGB, escribe tu color HEX en el cuadro de arriba y lee el valor RGB a su lado. Por ejemplo, #3B82F6 es rgb(59, 130, 246). El resultado se actualiza mientras escribes, y se muestran a la vez todos los demás formatos (HEX, RGB, HSL, CMYK y más).

Qué significan HEX y RGB

Un color HEX es un código hexadecimal de seis cifras precedido de #: dos cifras para el rojo, dos para el verde y dos para el azul, de 00 a FF. En #3B82F6, el rojo es 3B, el verde 82 y el azul F6. Una forma abreviada de tres cifras como #38F repite cada cifra, y con ocho cifras se añade la opacidad al final.

RGB describe un color como cantidades de luz roja, verde y azul, cada una de 0 a 255. rgb(59, 130, 246) es el mismo color que #3B82F6. CSS también admite un valor de opacidad, como en rgba(59, 130, 246, 0.5).

Convertir HEX a RGB a mano

Este es el cálculo para #3B82F6, paso a paso:

1. Divide el código en tres pares: 3B, 82 y F6.
2. Convierte cada par de hexadecimal a decimal (primera cifra × 16 + segunda cifra): 3B = 59, 82 = 130, F6 = 246.
3. Escríbelos como rgb(rojo, verde, azul): rgb(59, 130, 246).

Tabla de HEX a RGB con colores habituales

Cuándo usar HEX y cuándo RGB

HEX es la forma más compacta de escribir un color en CSS y en herramientas de diseño, por eso es el código que más gente copia y comparte. RGB es el modelo que usan las pantallas y sobre el que se construyen funciones CSS como rgba(), lo que lo hace útil cuando necesitas transparencia o quieres calcular colores en código.

Conviene saber

• Los códigos HEX abreviados como #38F se expanden a #3388FF, y los de ocho cifras llevan un valor de opacidad al final.
• Los valores se redondean a números enteros al mostrarlos; el conversor conserva más precisión por dentro.
• El selector de color permite elegir un color a ojo cuando no tienes su código.
• Los colores en pantalla dependen de la calibración del monitor, así que el mismo código puede verse algo distinto en dispositivos distintos.