Convertir RGB a HEX
Escribe un valor RGB y obtén HEX al momento. Todo se calcula en tu navegador: nada se envía a un servidor.
Cómo se calcula
Cada canal RGB (0–255) se escribe como dos dígitos hexadecimales, con un cero delante si hace falta, y se unen: 255 es FF y 9 es 09.
RGB
RGB describe el color como lo genera una pantalla: tres luces sumadas, cada una de 0 a 255. Las tres a cero dan negro; las tres a 255, blanco. Al reflejar el hardware es exacto y sin pérdida, pero cuesta razonar con él: hacer un color algo más cálido obliga a mover dos o tres números a la vez sin una dirección evidente.
HEX
HEX es exactamente el mismo trío rojo-verde-azul que RGB, escrito en base 16 para que cada canal quepa en dos caracteres. Sobrevive en todas partes — CSS, herramientas de diseño, archivos de configuración — porque es corto e inequívoco. Las mayúsculas dan igual y #abc abrevia #aabbcc. Un HEX de ocho dígitos añade el alfa al final: por eso #FF000080 es rojo semitransparente.
De RGB a HEX, paso a paso
Resuelto con #FF6347. Todos los números salen del mismo motor que usa el conversor de arriba.
-
Escribir cada canal en base 16
R 255 = 15×16 + 15 → FF G 99 = 6×16 + 3 → 63 B 71 = 4×16 + 7 → 47 -
Unirlos
# + FF + 63 + 47 = #FF6347
Ejemplos de RGB a HEX
| Color | RGB | HEX |
|---|---|---|
| Red | rgb(255, 0, 0) |
#FF0000 |
| Tomato | rgb(255, 99, 71) |
#FF6347 |
| Orange | rgb(255, 165, 0) |
#FFA500 |
| Gold | rgb(255, 215, 0) |
#FFD700 |
| Limegreen | rgb(50, 205, 50) |
#32CD32 |
| Teal | rgb(0, 128, 128) |
#008080 |
| Dodgerblue | rgb(30, 144, 255) |
#1E90FF |
| Royalblue | rgb(65, 105, 225) |
#4169E1 |
| Blueviolet | rgb(138, 43, 226) |
#8A2BE2 |
| Hotpink | rgb(255, 105, 180) |
#FF69B4 |
Preguntas frecuentes
¿Por qué los dígitos sueltos llevan un cero delante?
Cada canal debe ocupar exactamente dos caracteres o la cadena se vuelve ambigua. El rojo 9 es 09; escribir 9 desplazaría todos los dígitos siguientes y cambiaría el color.
Mi RGB tiene decimales, ¿qué pasa con ellos?
Se redondean al entero más cercano, porque HEX no puede guardar fracciones. rgb(127.6 0 0) queda como #800000, y al volver obtienes 128, no 127,6.
¿Escribo las letras en mayúscula o minúscula?
Cualquiera: todos los navegadores y herramientas leen el mismo color. Elige una y sé consistente para que los diffs del control de versiones se lean bien.