Désobfuscateur de Couleurs CSS
Convertissez les couleurs CSS obfusquées vers le format équivalent le plus lisible. Détecte automatiquement les couleurs hexadécimales, les valeurs rgb/rgba, les valeurs hsl/hsla et les couleurs CSS nommées. Affiche chaque couleur dans tous les formats équivalents avec des pastilles visuelles et recommande l'option lisible la plus courte. Gratuit, confidentiel et sans inscription.
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.
Pourquoi utiliser notre désobfuscateur de couleurs CSS ?
- Désobfuscation instantanée des couleurs CSS : désobfusquez instantanément les couleurs CSS avec notre convertisseur. Collez n'importe quel code CSS et l'outil détecte automatiquement toutes les valeurs de couleur dans tous les formats, notamment hexadécimal (#fff, #aabbcc), hexadécimal abrégé (#abc → #aabbcc), rgb/rgba, hsl/hsla et couleurs nommées. Chaque couleur est décodée vers son format équivalent le plus lisible, révélant les vraies valeurs derrière un CSS obfusqué ou minifié.
- Traitement sécurisé et confidentiel : toute la désobfuscation des couleurs CSS se fait entièrement dans votre navigateur. Votre code CSS, les valeurs de couleur et les résultats de transformation ne quittent jamais votre appareil. Aucune donnée envoyée, aucun suivi, aucune inscription - confidentialité totale pour tout votre travail d'analyse CSS.
- Désobfuscateur de couleurs CSS en ligne - aucune installation : utilisez le convertisseur de couleurs CSS directement dans tout navigateur moderne, sans téléchargement, application ni plugin. Il comprend un éditeur à deux panneaux comparant le code original et le code désobfusqué, un tableau de correspondance des couleurs interactif listant chaque couleur trouvée avec tous les équivalents de format, et des pastilles d'aperçu en direct.
- Détection complète des formats de couleur : notre convertisseur de couleurs CSS détecte et décode : les couleurs hexadécimales de toutes longueurs (#rgb, #rrggbb, #rrggbbaa), la notation fonctionnelle rgb/rgba, la notation fonctionnelle hsl/hsla, les couleurs CSS nommées (red, blue, transparent, etc.) et currentColor. Chaque couleur détectée est affichée dans tous les formats équivalents, avec l'option lisible la plus courte mise en évidence et une pastille visuelle pour l'identifier rapidement.
Cas d'usage courants du désobfuscateur de couleurs CSS
- Décodage des valeurs de couleur CSS obfusquées : les obfuscateurs CSS convertissent parfois des noms de couleur lisibles ou des valeurs hexadécimales courantes en représentations alternatives. Le désobfuscateur détecte chaque format de couleur et les convertit tous vers l'équivalent le plus lisible, ce qui facilite la compréhension et la modification de la feuille de style.
- Conversion des couleurs CSS entre formats : les designers et développeurs utilisent le convertisseur pour passer les couleurs entre les formats hexadécimal, rgb, hsl et nommé. Lorsque vous travaillez avec un design system, vous pouvez avoir besoin de voir une couleur dans tous les formats - l'outil affiche chaque représentation équivalente pour chaque couleur détectée.
- Audit de l'utilisation des couleurs dans de grandes feuilles de style : les développeurs frontend auditent de grandes bases de code CSS pour comprendre quelles couleurs sont utilisées. Le désobfuscateur extrait chaque valeur de couleur et les présente dans un tableau de correspondance consultable, facilitant l'identification des doublons, quasi-doublons et opportunités de consolidation des couleurs.
- Débogage des problèmes de rendu des couleurs : lorsqu'une couleur CSS ne s'affiche pas comme prévu, les développeurs utilisent le convertisseur pour vérifier la valeur réelle. L'outil affiche la couleur dans plusieurs formats avec une pastille visuelle, ce qui aide à identifier les problèmes de transparence alpha, les valeurs hexadécimales incorrectes ou les conversions d'espace colorimétrique inattendues.
- Migration du CSS vers des formats de couleur plus courts : les développeurs soucieux des performances utilisent le convertisseur pour trouver des opportunités d'utiliser une notation de couleur plus courte. L'outil met en évidence le format lisible le plus court pour chaque couleur - par exemple, #ff0000 peut devenir #f00 ou simplement "red", économisant des octets sans sacrifier la lisibilité.
- Apprentissage des représentations de couleur CSS : les étudiants et développeurs qui apprennent le CSS utilisent le convertisseur pour comprendre la relation entre les différents formats de couleur. Le tableau interactif montre comment une même couleur peut s'exprimer en hexadécimal, rgb, hsl et forme nommée, aidant à développer l'intuition des modèles colorimétriques.
Qu'est-ce que la désobfuscation de couleurs CSS ?
La désobfuscation de couleurs CSS est le processus qui consiste à convertir des valeurs de couleur CSS obfusquées ou difficiles à lire en leurs formats équivalents les plus lisibles. Les couleurs CSS peuvent s'exprimer de nombreuses façons : notation hexadécimale (#ff0000), hexadécimale abrégée (#f00), notation fonctionnelle RGB (rgb(255, 0, 0)), notation HSL (hsl(0, 100%, 50%)) ou couleurs nommées ("red"). Le CSS obfusqué utilise souvent des formats moins lisibles ou des représentations inutilement longues pour rendre le code plus difficile à comprendre.
Notre désobfuscateur de couleurs CSS détecte automatiquement chaque valeur de couleur de votre code CSS, décode chacune d'elles et affiche toutes les représentations équivalentes aux formats hexadécimal, hexadécimal abrégé, rgb, hsl et couleur nommée (le cas échéant). L'outil recommande également le format lisible le plus court pour chaque couleur et fournit une pastille visuelle pour une identification rapide. Tout le traitement s'exécute localement dans votre navigateur, sans aucune donnée envoyée à un serveur.
Comment fonctionne notre désobfuscateur de couleurs CSS
- 1. Collez votre CSS : collez votre code CSS dans le panneau de saisie ou cliquez sur le bouton d'exemple pour charger un CSS de démonstration avec différents formats de couleur. Le convertisseur analyse chaque valeur de propriété à la recherche de motifs de couleur dans tous les formats CSS.
- 2. Cliquez sur Désobfusquer les couleurs : l'outil traite votre CSS via un pipeline de détection des couleurs. Il identifie les couleurs hexadécimales de toutes longueurs, les valeurs rgb/rgba, les valeurs hsl/hsla et les couleurs CSS nommées. Chaque couleur est analysée en ses composantes RGBA, puis convertie vers tous les autres formats. La sortie désobfusquée remplace chaque couleur par son équivalent lisible le plus court.
- 3. Consultez le tableau de correspondance des couleurs : le tableau liste chaque couleur détectée avec sa valeur d'origine, la valeur désobfusquée (la plus courte lisible), une pastille de couleur visuelle et tous les formats équivalents (hexadécimal, hexadécimal abrégé, rgb, hsl, nommé). La sortie CSS désobfusquée est affichée dans le panneau de droite avec des options de copie et de téléchargement.
Formats de couleur CSS que l'outil détecte et convertit
- Couleurs hexadécimales : tous les formats hexadécimaux sont détectés : 3 chiffres (#fff), 6 chiffres (#ffffff) et 8 chiffres avec alpha (#ffffffff). Chacun est analysé en ses composantes RGBA et converti vers tous les autres formats. Le format lisible le plus court est recommandé (par exemple, #ff0000 → #f00 ou "red").
- Notation fonctionnelle RGB/RGBA : les valeurs RGB comme rgb(255, 0, 0) et rgba(255, 0, 0, 0.5) sont analysées et converties en équivalents hexadécimaux, HSL et couleurs nommées. Les valeurs alpha sont conservées lors de toutes les conversions de format.
- Notation fonctionnelle HSL/HSLA : les valeurs HSL comme hsl(0, 100%, 50%) sont converties via l'algorithme standard HSL vers RGB, puis vers les formats hexadécimal et couleur nommée. Cela aide les designers à comprendre comment les valeurs HSL correspondent à la notation hexadécimale plus courante.
- Couleurs CSS nommées : les 148 couleurs CSS nommées (de "aliceblue" à "yellowgreen") ainsi que les valeurs spéciales comme "transparent" et "currentColor" sont reconnues et affichées avec leurs équivalents hexadécimaux et RGB.
Confidentialité, sécurité et disponibilité
Le désobfuscateur de couleurs CSS est 100 % gratuit et ne nécessite aucune inscription . Toute la détection et la conversion des couleurs est effectuée localement dans votre navigateur avec JavaScript - votre code CSS ne quitte jamais votre appareil . Il n'y a aucune limite de taille de fichier ni de quota d'utilisation. L'outil fournit un tableau de correspondance détaillé des couleurs avec pastilles visuelles, équivalents tous formats et recommandations du format le plus court. Il inclut la copie dans le presse-papiers et le téléchargement. Utilisez-le autant de fois que nécessaire pour désobfusquer des couleurs CSS.
Foire aux questions
Un désobfuscateur de couleurs CSS est un outil qui détecte toutes les valeurs de couleur dans le code CSS et les convertit vers le format équivalent le plus lisible. Il identifie les couleurs hexadécimales, les valeurs rgb/rgba, les valeurs hsl/hsla et les couleurs CSS nommées, puis affiche chaque couleur dans tous les formats avec une pastille visuelle, ce qui aide les développeurs à comprendre et modifier plus facilement leurs feuilles de style.
Le convertisseur de couleurs CSS détecte tous les formats de couleur CSS standard : couleurs hexadécimales (3, 6 et 8 chiffres avec alpha), notation fonctionnelle rgb() et rgba(), notation fonctionnelle hsl() et hsla(), les 148 couleurs CSS nommées (de aliceblue à yellowgreen) ainsi que les valeurs spéciales comme transparent et currentColor.
Chaque couleur détectée est d'abord analysée en ses composantes RGBA. À partir du RGBA, l'outil convertit vers tous les autres formats : notation hexadécimale et hexadécimale abrégée, notation rgb/rgba, notation hsl/hsla via l'algorithme standard de conversion RGB vers HSL, et recherche de couleur nommée dans une table de 148 couleurs CSS nommées.
Oui. Le désobfuscateur de couleurs CSS prend entièrement en charge la transparence alpha. Il détecte et conserve les valeurs alpha dans la notation rgba() et hsla(), ainsi que dans les couleurs hexadécimales de 8 chiffres. Les valeurs alpha sont maintenues lors de toutes les conversions de format, et les couleurs transparentes sont signalées pour que vous sachiez quand une transparence est utilisée.
Absolument. Le désobfuscateur de couleurs CSS s'exécute entièrement dans votre navigateur. Votre code CSS, les valeurs de couleur et les résultats de conversion ne sont jamais envoyés à un serveur, stockés dans une base de données ni suivis d'une quelconque manière. Tout le traitement se fait localement sur votre appareil - rien ne quitte votre ordinateur. Sans inscription.
Le format lisible le plus court dépend de la couleur. Par exemple, #ff0000 peut être raccourci en #f00 (4 caractères au lieu de 7) ou même en la couleur nommée "red" (3 caractères). #aabbcc devient #abc (4 caractères). L'outil trouve et met automatiquement en évidence le meilleur format pour chaque couleur.
Oui. Le désobfuscateur de couleurs CSS fournit un tableau de correspondance détaillé qui liste chaque couleur détectée avec sa valeur d'origine, le format le plus court recommandé, une pastille de couleur visuelle et tous les formats équivalents, notamment hexadécimal, hexadécimal abrégé, rgb, hsl et couleur nommée (le cas échéant). Vous pouvez développer le tableau pour voir toutes les entrées.
CSS définit 148 couleurs nommées, notamment des couleurs de base (red, blue, green, yellow), des couleurs étendues (coral, crimson, darkcyan) et des valeurs spéciales (transparent, currentColor). L'outil vérifie chaque couleur détectée par rapport à cette liste et suggère l'équivalent nommé lorsqu'il correspond exactement.
Oui - le désobfuscateur de couleurs CSS est 100 % gratuit, sans inscription, sans compte et sans limites d'utilisation. Désobfusquez les couleurs CSS de n'importe quelle feuille de style autant de fois que nécessaire, gratuitement et pour toujours. Aucun frais caché, aucune offre premium, aucune limite d'utilisation de quelque nature que ce soit.