Desofuscador de Colores CSS
Convierte colores CSS ofuscados al formato equivalente más legible. Detecta automáticamente colores hexadecimales, valores rgb/rgba, valores hsl/hsla y colores CSS con nombre. Muestra cada color en todos los formatos equivalentes con muestras visuales y recomienda la opción legible más corta. Gratis, privado y sin registro.
Detect all CSS color values and convert them to the most readable equivalent format. Automatically identifies hex colors, rgb/rgba, hsl/hsla, and named CSS colors, then shows every format equivalent with a visual color swatch. Pick the shortest, most readable format for each color in your stylesheet.
Paste CSS code above and click Unobfuscate Colors to automatically detect all color values and convert them to the most readable format. Click Load example CSS to try it with sample stylesheet code.
¿Por qué usar nuestro desofuscador de colores CSS?
- Desofuscación instantánea de colores CSS: desofusca colores CSS al instante con nuestro conversor. Pega cualquier código CSS y la herramienta detecta automáticamente todos los valores de color en todos los formatos, incluidos hexadecimal (#fff, #aabbcc), hexadecimal abreviado (#abc → #aabbcc), rgb/rgba, hsl/hsla y colores con nombre. Cada color se decodifica a su formato equivalente más legible, revelando los valores reales detrás del CSS ofuscado o minificado.
- Procesamiento seguro y privado: toda la desofuscación de colores CSS ocurre por completo en tu navegador. Tu código CSS, los valores de color y los resultados de la transformación nunca salen de tu dispositivo. Sin subida de datos, sin rastreo, sin registro: privacidad total para todo tu trabajo de análisis de CSS.
- Desofuscador de colores CSS online, sin instalación: usa el conversor de colores CSS directamente en cualquier navegador moderno, sin descargas, aplicaciones ni extensiones. Incluye un editor de dos paneles con comparación del código original frente al desofuscado, una tabla interactiva de mapeo de colores que enumera cada color encontrado con todos sus equivalentes de formato y muestras de vista previa en vivo.
- Detección integral de formatos de color: nuestro conversor de colores CSS detecta y decodifica colores hexadecimales de todas las longitudes (#rgb, #rrggbb, #rrggbbaa), notación funcional rgb/rgba, notación funcional hsl/hsla, colores CSS con nombre (red, blue, transparent, etc.) y currentColor. Cada color detectado se muestra en todos los formatos equivalentes con la opción legible más corta resaltada y una muestra visual para identificarlo rápidamente.
Casos de uso habituales del desofuscador de colores CSS
- Decodificación de valores de color CSS ofuscados: los ofuscadores de CSS a veces convierten nombres de color legibles o valores hexadecimales comunes en representaciones alternativas. El desofuscador detecta todos los formatos de color y los convierte al equivalente más legible, lo que facilita entender y modificar la hoja de estilo.
- Conversión de colores CSS entre formatos: diseñadores y desarrolladores usan el conversor para pasar colores entre formatos hexadecimal, rgb, hsl y con nombre. Cuando trabajas con un sistema de diseño, puede que necesites ver un color en todos los formatos: la herramienta muestra cada representación equivalente de cada color detectado.
- Auditoría del uso del color en hojas de estilo grandes: los desarrolladores frontend auditan grandes bases de código CSS para entender qué colores se usan. El desofuscador extrae cada valor de color y los presenta en una tabla de mapeo consultable, lo que facilita identificar duplicados, casi duplicados y oportunidades de consolidación de color.
- Depuración de problemas de representación de color: cuando un color CSS no se representa como se espera, los desarrolladores usan el conversor para verificar el valor real. La herramienta muestra el color en varios formatos con una muestra visual, lo que ayuda a identificar problemas con la transparencia alfa, valores hexadecimales incorrectos o conversiones inesperadas de espacio de color.
- Migración de CSS a formatos de color más cortos: los desarrolladores conscientes del rendimiento usan el conversor para encontrar oportunidades de usar notación de color más corta. La herramienta resalta el formato legible más corto de cada color: por ejemplo, #ff0000 puede acortarse a #f00 o simplemente "red", ahorrando bytes sin sacrificar legibilidad.
- Aprendizaje sobre las representaciones de color en CSS: estudiantes y desarrolladores que aprenden CSS usan el conversor de colores para entender la relación entre los distintos formatos. La tabla interactiva muestra cómo un mismo color puede expresarse en hexadecimal, rgb, hsl y forma con nombre, lo que ayuda a desarrollar intuición sobre los modelos de color.
¿Qué es la desofuscación de colores CSS?
La desofuscación de colores CSS es el proceso de convertir valores de color CSS ofuscados o difíciles de leer en sus formatos equivalentes más legibles. Los colores CSS pueden expresarse de muchas formas: notación hexadecimal (#ff0000), hexadecimal abreviada (#f00), notación funcional RGB (rgb(255, 0, 0)), notación HSL (hsl(0, 100%, 50%)) o colores con nombre ("red"). El CSS ofuscado suele usar formatos menos legibles o representaciones innecesariamente largas para dificultar la comprensión del código.
Nuestro desofuscador de colores CSS detecta automáticamente cada valor de color de tu código CSS, decodifica cada uno y muestra todas las representaciones equivalentes en formato hexadecimal, hexadecimal abreviado, rgb, hsl y color con nombre (cuando existe). La herramienta también recomienda el formato legible más corto para cada color y ofrece una muestra visual para identificarlo rápidamente. Todo el procesamiento se ejecuta localmente en tu navegador sin enviar datos a ningún servidor.
Cómo funciona nuestro desofuscador de colores CSS
- 1. Pega tu CSS: pega tu código CSS en el panel de entrada o haz clic en el botón de ejemplo para cargar CSS de muestra con varios formatos de color. El conversor de colores CSS escanea cada valor de propiedad en busca de patrones de color de todos los formatos CSS.
- 2. Haz clic en Desofuscar colores: la herramienta procesa tu CSS mediante una canalización de detección de color. Identifica colores hexadecimales de todas las longitudes, valores rgb/rgba, valores hsl/hsla y colores CSS con nombre. Cada color se analiza hasta sus componentes RGBA y después se convierte a todos los demás formatos. La salida desofuscada sustituye cada color por su equivalente legible más corto.
- 3. Revisa la tabla de mapeo de colores: la tabla enumera cada color detectado con el valor original, el valor desofuscado (legible más corto), una muestra visual de color y todos los formatos equivalentes (hexadecimal, hexadecimal abreviado, rgb, hsl, con nombre). La salida CSS desofuscada se muestra en el panel derecho con opciones de copiar y descargar.
Formatos de color CSS que la herramienta detecta y convierte
- Colores hexadecimales: se detectan todos los formatos hexadecimales: de 3 dígitos (#fff), de 6 dígitos (#ffffff) y de 8 dígitos con alfa (#ffffffff). Cada uno se analiza hasta sus componentes RGBA y se convierte a todos los demás formatos. Se recomienda el formato legible más corto (por ejemplo, #ff0000 → #f00 o "red").
- Notación funcional RGB/RGBA: los valores RGB como rgb(255, 0, 0) y rgba(255, 0, 0, 0.5) se analizan y se convierten a equivalentes hexadecimales, HSL y de color con nombre. Los valores alfa se conservan en todas las conversiones de formato.
- Notación funcional HSL/HSLA: los valores HSL como hsl(0, 100%, 50%) se convierten usando el algoritmo estándar de HSL a RGB y después a formatos hexadecimal y de color con nombre. Esto ayuda a los diseñadores a entender cómo se corresponden los valores HSL con la notación hexadecimal más habitual.
- Colores CSS con nombre: los 148 colores CSS con nombre (de "aliceblue" a "yellowgreen") más valores especiales como "transparent" y "currentColor" se reconocen y se muestran junto a sus equivalentes hexadecimales y RGB.
Privacidad, seguridad y disponibilidad
El desofuscador de colores CSS es 100 % gratis y no requiere registro . Toda la detección y conversión de colores se realiza localmente en tu navegador con JavaScript: tu código CSS nunca sale de tu dispositivo . No hay límites de tamaño de archivo ni de uso. La herramienta ofrece una tabla detallada de mapeo de colores con muestras visuales, equivalentes en todos los formatos y recomendaciones del formato más corto. Incluye funciones de copiar al portapapeles y descargar. Úsala tantas veces como necesites para desofuscar colores CSS.
Preguntas frecuentes
Un desofuscador de colores CSS es una herramienta que detecta todos los valores de color del código CSS y los convierte al formato equivalente más legible. Identifica colores hexadecimales, valores rgb/rgba, valores hsl/hsla y colores CSS con nombre, y después muestra cada color en todos los formatos con una muestra visual, lo que ayuda a los desarrolladores a entender y modificar sus hojas de estilo con más facilidad.
El conversor de colores CSS detecta todos los formatos de color CSS estándar: colores hexadecimales (de 3, 6 y 8 dígitos con alfa), notación funcional rgb() y rgba(), notación funcional hsl() y hsla(), los 148 colores CSS con nombre (de aliceblue a yellowgreen) y valores especiales como transparent y currentColor.
Cada color detectado se analiza primero hasta sus componentes RGBA. A partir de RGBA, la herramienta convierte a todos los demás formatos: notación hexadecimal y hexadecimal abreviada, notación rgb/rgba, notación hsl/hsla usando el algoritmo estándar de conversión de RGB a HSL y búsqueda de color con nombre en una tabla de 148 colores CSS con nombre.
Sí. El desofuscador de colores CSS admite por completo la transparencia alfa. Detecta y conserva los valores alfa en la notación rgba() y hsla(), así como los colores hexadecimales de 8 dígitos. Los valores alfa se mantienen en todas las conversiones de formato y los colores con transparencia se marcan para que sepas cuándo se está usando transparencia.
Por supuesto. El desofuscador de colores CSS se ejecuta por completo en tu navegador. Tu código CSS, los valores de color y los resultados de conversión nunca se envían a ningún servidor, no se guardan en ninguna base de datos ni se rastrean de ninguna forma. Todo el procesamiento ocurre localmente en tu dispositivo: nada sale de tu ordenador. No requiere registro.
El formato legible más corto depende del color concreto. Por ejemplo, #ff0000 puede abreviarse a #f00 (4 caracteres en lugar de 7) o incluso al color con nombre "red" (3 caracteres). #aabbcc se abrevia a #abc (4 caracteres). La herramienta encuentra y resalta automáticamente el mejor formato para cada color.
Sí. El desofuscador de colores CSS ofrece una tabla detallada de mapeo de colores que enumera cada color detectado con su valor original, el formato más corto recomendado, una muestra visual de color y todos los formatos equivalentes, incluidos hexadecimal, hexadecimal abreviado, rgb, hsl y color con nombre (cuando exista). Puedes expandir la tabla para ver todas las entradas.
CSS define 148 colores con nombre, entre ellos colores básicos (red, blue, green, yellow), colores extendidos (coral, crimson, darkcyan) y valores especiales (transparent, currentColor). La herramienta comprueba cada color detectado con esta lista y sugiere el equivalente con nombre cuando coincide exactamente.
Sí: el desofuscador de colores CSS es 100 % gratis, sin registro, sin cuenta y sin límites de uso. Desofusca colores CSS de cualquier hoja de estilo tantas veces como necesites, gratis para siempre. No hay cargos ocultos, niveles premium ni límites de uso de ningún tipo.