Conversor de Códigos de Color
Convierte instantáneamente entre formatos de color HEX, RGB y HSL offline.
🔒 Fast & Secure: This tool runs 100% in your browser. No files are uploaded to our servers (Zero-Trace Policy).
#3b82f6
Click to pick
Why do you need this tool?
Fricción en el Diseño
Tus diseñadores te entregan paletas en HEX, pero tu framework CSS (como Tailwind) requiere variables RGB o HSL para opacidades dinámicas.
Dificultad de Accesibilidad
Ajustar la luminosidad de un código HEX matemáticamente es una pesadilla comparado con simplemente cambiar la "L" en un formato HSL.
Flujos Interrumpidos
Tener que abrir herramientas pesadas como Photoshop solo para extraer un código interrumpe tu momento de programación.
sec_howto
Haz clic en el recuadro de color a la izquierda para interactuar con el selector visual del sistema operativo, o pega tu código directamente en las cajas.
El motor detectará instantáneamente el valor alterado y re-calculará de forma bidireccional los códigos HEX, RGB y HSL subyacentes.
Presiona el botón "Copiar" lateral a tu formato deseado y pégalo directamente en tu hoja de estilos CSS O Figma.
sec_features
Interpolación Reactiva Pura
Cualquier modificación a un canal se sincroniza instantáneamente sobre los demás inputs y sobre la interfaz gráfica sin frameworks pesados.
Colorimetría Automática
La UI calculará dinámicamente la luminiscencia perceptual de la muestra y ajustará el contraste de la letra blanca a oscura para asegurar perfecta lectura YIQ.
Precisión Matemática Hexadecimal
No hay estimaciones visuales. Los saltos RGB son bitweises verdaderos que respetan al 100% los perfiles gamut sRGB utilizados por la web moderna.
¿Listo para optimizar?
Sube al inicio de la página y procesa tus archivos de forma segura en segundos.
Common Use Cases
Arquitectura CSS
Convierte un color de marca corporativa en un formato HSL para generar programáticamente las variaciones de estados hover/active.
Configuraciones Tailwind
Extrae los canales RGB exactos de un código HEX para habilitar el motor de opacidad de variables puras de Tailwind.
Artistas Digitales
Traduce colores web estándar en valores RGB numéricos para utilizarlos en software de pintura digital.
What Users Say
"La vista previa visual en vivo me muestra instantáneamente si he copiado el código correcto. Una utilidad simple pero imprescindible en mi día a día."
"Por fin un conversor que maneja HSL adecuadamente para que pueda configurar mis variables CSS ROOT en segundos sin salir de la pestaña."
Frequently Asked Questions
¿Por qué debería usar HSL en lugar de HEX?
HSL (Hue, Saturation, Lightness) es inmensamente superior para el desarrollo web porque es intuitivo para los humanos. Puedes oscurecer o aclarar un tono simplemente ajustando la propiedad luminosidad.
¿Puedo usar esta herramienta offline?
Sí. Una vez que la página carga, el motor matemático de conversión completo se ejecuta bajo Vanilla JS en tu computadora (Política Zero-Trace total).
¿Interpreta códigos HEX comprimidos?
Por supuesto. Nuestro analizador expande automáticamente atajos de web antigua de 3 caracteres (ej. #F00) a su equivalente moderno completo de 6 dígitos HEXA (#FF0000).