Los diseñadores piensan en hexadecimal, las herramientas de desarrollo hablan todos los dialectos a la vez, y CSS no deja de añadir nuevos — así que convertir colores es una tarea pequeña que aparece constantemente. Este conversor de HEX a RGB toma cualquier código de color hexadecimal y te da la familia entera de un vistazo: el hex normalizado, los valores RGB y RGBA, el HSL y líneas rgb() y hsl() en CSS listas para copiar en tu hoja de estilos. Acepta la forma corta de 3 dígitos (#0f8 significa #00ff88), las formas de 4 y 8 dígitos con canal alfa para transparencia, y un selector de color por si prefieres buscar el tono visualmente en vez de escribirlo. La conversión es aritmética sencilla — cada par de dígitos hexadecimales es un canal de color de 0 a 255 — hecha al instante en tu navegador, con una muestra en vivo para que veas el color que estás describiendo antes de usarlo.
Cómo se convierten los colores hexadecimales a RGB
Un color hexadecimal son tres números escritos en base 16 y pegados entre sí. En #0f766e, los pares son 0f (rojo = 15), 76 (verde = 118) y 6e (azul = 110): exactamente los valores que muestra la línea RGB de arriba. Cada canal va de 00 (nada) a ff (todo, 255), y por eso un valor RGB no es más que los pares hexadecimales leídos como números normales. La forma corta de 3 dígitos duplica cada dígito, así que #f80 se convierte en #ff8800; las formas de 4 y 8 dígitos añaden un par alfa para la transparencia, convertido aquí al decimal de 0 a 1 que usa CSS (80 en hex = 128/255 ≈ 0,5). HSL es el mismo color descrito de otra forma — el tono como un ángulo en la rueda de color, la saturación y la luminosidad como porcentajes — y por eso a los diseñadores les resulta más fácil de ajustar: mantén el tono, mueve la luminosidad, y tienes un estado hover.
¿Qué formato usar en cada sitio?
El hexadecimal es el formato compacto por defecto en CSS y en las herramientas de diseño, y el formato en que se escriben las guías de marca. RGB existe porque algunos contextos necesitan los números visibles: código de dibujo en canvas, scripts de procesado de imágenes y cualquier sitio donde el color se calcula en vez de elegirse. RGBA se gana su sitio en superposiciones, sombras y estados deshabilitados: donde el color debe mezclarse con lo que tenga detrás. HSL es la herramienta para pensar: construir paletas es mucho más fácil manteniendo el tono fijo y subiendo la luminosidad en pasos iguales que adivinando valores hexadecimales. Consejo práctico: cuando una herramienta de diseño te da el hex con el alfa como un porcentaje separado, el hex de 8 dígitos lo empaqueta todo en una sola cadena, y este conversor muestra ambas cosas para que nada se pierda entre el diseño y el código.
Errores de color habituales que esto evita
Las confusiones clásicas son silenciosas. Leer un par hexadecimal como número decimal (0f es 15, no «cero f»). Olvidar que el hex de 3 dígitos duplica sus dígitos, así que #123 es un #112233 más bien claro, no un color muy oscuro. Perder el par alfa al copiar un hex de 8 dígitos, lo que vuelve totalmente opaca una superposición sutil. Y suponer que un color que se ve bien en tu pantalla está bien especificado: los monitores difieren, los números no — y esa es la gracia de convertir en vez de adivinar a ojo. Si la muestra de arriba no coincide con lo que esperabas, la entrada no era el color que creías; fíate de la muestra y de los pares, y comprueba si tu fuente usaba orden RGB o la disposición ARGB más antigua que prefieren algunos frameworks móviles.
Preguntas frecuentes
¿Qué significa el valor alfa en un hex de 8 dígitos?
El último par es la transparencia: 00 es totalmente transparente, ff es totalmente opaco. CSS lo expresa como un decimal de 0 a 1, así que el 80 hexadecimal (128) se convierte en 0,5: un color semitransparente.
¿Puedo convertir de RGB a hex aquí?
La línea HEX normalizada muestra siempre la forma hexadecimal del color que escribas, y el selector te permite partir de cualquier color visualmente. Para la conversión inversa dedicada, el conversor de RGB a HEX de este sitio hace el mismo trabajo en la otra dirección.
¿#fff es lo mismo que #ffffff?
Sí. El hex corto duplica cada dígito: #fff se expande a #ffffff (255, 255, 255), blanco puro. La abreviatura solo funciona cuando cada par sería un dígito duplicado.
¿Por qué mi color se ve distinto en otra pantalla?
Porque las pantallas reproducen distinto, no porque el valor haya cambiado. Los números hex y RGB son la especificación; dos dispositivos que muestren los mismos números aún pueden diferir un poco en brillo y calibración.
Herramientas relacionadas
English version: Hex to RGB Converter — Convert Hex Color Codes to RGB & HSL. También te puede interesar: Codificar y Decodificar Base64 — Codificador Base64 Online Gratis · Generador de Hash MD5 — Crea Hashes MD5 Online al Instante.
Inserta esta herramienta en tu web — gratis
Copia el código de abajo para añadir esta herramienta funcional a tu propia página. Solo pedimos que mantengas el pequeño enlace de crédito que la acompaña.