Convertir color RGB a hexadecimal
Convierte valores RGB a código hexadecimal con vista previa del color.
Tus datos no se envían a ningún servidor.
El conversor de RGB a hexadecimal convierte los tres canales de un color en el código de seis dígitos que usan CSS, HTML y los programas de diseño. Escribe los valores de rojo, verde y azul y copia el resultado, con una muestra del color para comprobar que es el que esperabas.
Canal a canal
Cada canal se traduce por separado a dos dígitos en base 16 y los tres se
escriben seguidos detrás del #:
| Canal | Decimal | Hex |
|---|---|---|
| Rojo | 59 | 3B |
| Verde | 130 | 82 |
| Azul | 246 | F6 |
Resultado: #3B82F6. Un valor por debajo de 16 necesita un cero delante para
ocupar sus dos dígitos: el 10 es 0A, no A. Olvidar ese cero es el error más
habitual al convertir a mano, y desplaza todos los canales que vienen detrás.
Por qué tanta gente usa hex
Los dos formatos describen exactamente el mismo color, pero el hex es más corto, se copia de una vez sin comas ni paréntesis y es el que muestran por defecto Figma, Photoshop y los selectores de color de los navegadores. Por eso suele ser el formato de las guías de estilo y de las variables de color de un proyecto.
Cómo usar RGB a hex
- 1
Introduce el rojo, el verde y el azul
Escribe un número de 0 a 255 en cada campo. Si te pasas del rango, el valor se corrige al límite más cercano.
- 2
Comprueba el color
En cuanto los tres campos tienen valor aparece el código hex junto a una muestra del color. Cambia cualquier canal y ambos se actualizan al momento.
- 3
Copia el código
Pulsa el botón de copiar para llevarte el hex, con su #, listo para pegarlo en CSS o en tu programa de diseño.
Preguntas frecuentes
¿Cómo se pasa un valor RGB a hexadecimal a mano?
Se divide el valor entre 16: el cociente es el primer dígito y el resto, el segundo, escribiendo del 10 al 15 como A–F. Por ejemplo, 200 entre 16 da 12 y sobra 8, así que 200 es C8.
¿Por qué el código tiene seis dígitos?
Dos por canal. Cada pareja va de 00 (0) a FF (255), que es justo el rango de cada canal RGB.
¿Puedo acortarlo a tres dígitos?
Solo si los dos dígitos de cada canal coinciden: #FFAA00 se puede escribir #FA0. En cualquier otro caso hace falta la forma de seis para no cambiar el color.
¿Y si mi color tiene transparencia?
Esta página trabaja con colores opacos. Si tienes un cuarto valor de opacidad, el conversor de RGBA a hexadecimal te da el código de 8 dígitos que la incluye.