Convertidor HEX a RGB
Convierte entre HEX, RGB y HSL con vista previa en vivo y copia en un clic.
¿Qué es?
Un convertidor de colores traduce un código de una notación a otra, para reutilizar el mismo color en HTML, CSS, herramientas de diseño e imprenta. Nuestro convertidor HEX-RGB acepta valores de 3, 6 u 8 cifras (con o sin almohadilla) y muestra al instante RGB, RGBA y HSL. Incluye una muestra grande, la sugerencia de color de texto (negro o blanco) y el nombre CSS más cercano. Todo en el navegador, ideal para diseñadores y desarrolladores que van con prisa.
Cómo usarla
- Escribe o pega un color HEX (#3366ff o 36f).
- Los valores RGB, RGBA y HSL aparecen con la vista previa.
- Usa el selector para elegir un color visualmente.
- Pulsa cualquier valor para copiarlo (CSS, Figma, Sketch, impresión).
- Mueve el alfa para añadir transparencia: obtienes RGBA o HEX de 8 dígitos.
Por qué usarla
Diseñadores, frontend y marketers manejan varios formatos. Las guías de marca usan HEX, las herramientas de accesibilidad piden RGB para contraste, y las animaciones CSS se hacen más limpias en HSL. La conversión a mano es tediosa y propensa a errores, especialmente con alfa. Nuestra herramienta mantiene todo sincronizado. La muestra ayuda a juzgar el tono real; el color de texto sugerido es útil en botones y etiquetas. Como todo es local, los colores de marca quedan confidenciales.
Preguntas frecuentes
¿Qué formatos HEX soporta?
De 3 (#36f), 6 (#3366ff) y 8 (#3366ffcc) cifras, con o sin almohadilla.
¿Cómo convertir a mano?
Divide en tres pares (RR, GG, BB) y convierte cada uno de hexadecimal a decimal.
¿Puedo generar colores transparentes?
Sí. El alfa añade el canal de opacidad y obtienes RGBA y HEX de 8 cifras.
¿Por qué HSL en lugar de RGB?
HSL es más intuitivo para ajustar tono y brillo: ideal para paletas accesibles y animaciones suaves.
¿Es gratis?
Sí. Sin registro, sin límites y sin rastreo de los colores convertidos.