Cómo convertir de RGB a HEX
Convierte códigos de color RGB a HEX al instante. Escribe un valor HEX o RGB, o usa los controles deslizantes, y todos los formatos se actualizan a la vez, con vista previa, la fórmula y una tabla de colores comunes.
- Escribe o pega un valor RGB, por ejemplo rgb(59, 130, 246), en su campo de arriba.
- El valor HEX se actualiza al instante: rgb(59, 130, 246) es #3B82F6. También se actualizan los demás formatos y la vista previa del color.
- Copia el valor HEX en tu CSS, tu herramienta de diseño o tu código.
La fórmula de RGB a HEX
Pasa cada canal RGB (0-255) a un número hexadecimal de dos dígitos y escríbelos tras una #, en el orden rojo, verde y azul:
rgb(59, 130, 246) → #3B82F6
Colores comunes en RGB y HEX
| RGB | HEX |
|---|---|
rgb(0, 0, 0) | #000000 |
rgb(255, 255, 255) | #FFFFFF |
rgb(255, 0, 0) | #FF0000 |
rgb(0, 255, 0) | #00FF00 |
rgb(0, 0, 255) | #0000FF |
rgb(255, 255, 0) | #FFFF00 |
rgb(0, 255, 255) | #00FFFF |
rgb(255, 0, 255) | #FF00FF |
rgb(128, 128, 128) | #808080 |
rgb(255, 165, 0) | #FFA500 |
rgb(128, 0, 128) | #800080 |
rgb(59, 130, 246) | #3B82F6 |
Qué son RGB y HEX
RGB indica los canales rojo, verde y azul con números de 0 a 255, como en rgb(59, 130, 246). Es el modelo con el que las pantallas mezclan la luz.
Un color HEX es una # seguida de seis dígitos hexadecimales: dos para el rojo, dos para el verde y dos para el azul, de 00 (nada) a FF (máximo). Es la forma más común de escribir colores en CSS y en herramientas de diseño.
Preguntas frecuentes
¿Cambia el color al convertirlo?
HEX, RGB y HSL describen los mismos colores de pantalla, así que la conversión entre ellos es exacta (HSL se redondea a números enteros). CMYK es para imprenta: el resultado impreso depende del perfil de color de la impresora, así que toma los valores CMYK de pantalla como punto de partida.
¿Puedo usar el resultado en CSS?
Sí. CSS acepta directamente hex (#3B82F6), rgb(59, 130, 246) y hsl(217, 91%, 60%). CMYK no es un formato de CSS; se usa en imprenta y en programas de diseño.
¿Y la transparencia?
Añade un valor alfa: hex de 8 dígitos (#3B82F680) o rgba()/hsla() en CSS. El conversor trabaja con el color sólido; el valor alfa es el mismo en todos los formatos.
¿Esta herramienta es gratuita?
Sí, es gratis. Sin registro ni correo electrónico. Obtén el resultado en esta página.
¿Cómo obtengo el resultado?
Usa la herramienta en esta página. El resultado aparece aquí, sin envío por correo electrónico.