# Raccourcisseur de Couleur Raccourcir les codes HEX à 6 chiffres en 3 chiffres (ex: #FFFFFF en #FFF) > Page canonique: https://elysiatools.com/fr/tools/color-shortener - **Catégorie:** Design - **Mots-clés:** hex, couleur, raccourcir, compresser, abréviation, optimiser, css, web, hexadécimal ## Présentation Optimisez vos feuilles de style CSS et réduisez le poids de vos fichiers en convertissant automatiquement vos codes couleurs hexadécimaux de 6 chiffres en leur version courte de 3 chiffres. ## Entrées - **Couleurs HEX** (textarea): Enter HEX colors, one per line: #FFFFFF #000000 #FF0000 #00FF00 #0000FF #123456 abcdef - **Format de sortie** (select) - **Afficher les couleurs non raccourcissables** (checkbox): Inclure les couleurs qui ne peuvent pas être raccourcies avec des raisons ## Quand l'utiliser - Lors de l'optimisation de fichiers CSS pour améliorer les performances de chargement web. - Pour standardiser une palette de couleurs dans un projet de design ou de développement. - Lorsque vous souhaitez nettoyer et simplifier votre code source en supprimant les caractères inutiles. ## Fonctionnement - Copiez et collez vos codes couleurs HEX dans la zone de saisie prévue à cet effet. - Sélectionnez le format de sortie souhaité, comme la casse ou la présence du symbole dièse. - Cliquez sur le bouton de conversion pour obtenir instantanément vos codes optimisés. - Copiez le résultat final pour l'intégrer directement dans votre projet. ## Cas d'usage - Minification de fichiers CSS pour les sites web à fort trafic. - Nettoyage de bibliothèques de design ou de fichiers de configuration de thèmes. - Conversion rapide de palettes de couleurs pour les développeurs front-end. ## Questions fréquentes ### Toutes les couleurs HEX peuvent-elles être raccourcies ? Non, seules les couleurs dont les paires de caractères sont identiques (ex: #AABBCC) peuvent être réduites à 3 chiffres (#ABC). ### Que se passe-t-il si une couleur ne peut pas être raccourcie ? Si vous activez l'option d'affichage des couleurs non raccourcissables, l'outil vous indiquera lesquelles ne respectent pas le format requis. ### L'outil modifie-t-il la couleur réelle ? Absolument pas. Le format à 3 chiffres est une notation équivalente au format à 6 chiffres pour les couleurs compatibles. ### Puis-je convertir plusieurs couleurs à la fois ? Oui, vous pouvez coller une liste de codes couleurs, un par ligne, pour les traiter en une seule opération. ### Le format CSS est-il supporté ? Oui, nous proposons une option spécifique pour formater vos codes couleurs directement pour une utilisation dans vos fichiers CSS. ## Outils associés - [Convertisseur Adobe RGB vers HEX](https://elysiatools.com/fr/tools/adobe-rgb-to-hex-converter): Convertir les valeurs de couleur Adobe RGB en format HEX pour le design web - [Convertisseur CMYK vers HEX](https://elysiatools.com/fr/tools/cmyk-to-hex-converter): Convertir les valeurs de couleur CMYK en HEX pour l'affichage à l'écran - [Extenseur de Couleur](https://elysiatools.com/fr/tools/color-expander): Étendre les codes HEX à 3 chiffres en 6 chiffres (ex: #FFF en #FFFFFF) - [Convertisseur HEX vers Adobe RGB](https://elysiatools.com/fr/tools/hex-to-adobe-rgb-converter): Convertir les valeurs de couleur HEX en format Adobe RGB pour le design professionnel - [Convertisseur HEX vers CMYK](https://elysiatools.com/fr/tools/hex-to-cmyk-converter): Convertir les valeurs de couleur HEX en CMYK pour l'impression avec support du canal alpha - [Convertisseur HEX vers HSL](https://elysiatools.com/fr/tools/hex-to-hsl-converter): Convertir les valeurs de couleur HEX en HSL pour l'affichage à l'écran - [Convertisseur HEX vers HSV](https://elysiatools.com/fr/tools/hex-to-hsv-converter): Convertir les valeurs de couleur HEX en HSV/HSB pour la manipulation des couleurs - [Convertisseur HEX vers LAB](https://elysiatools.com/fr/tools/hex-to-lab-converter): Convertir les valeurs de couleur HEX en LAB pour la gestion des couleurs avec support du canal alpha ## Exemples - [Exemples de codes couleur](https://elysiatools.com/fr/samples/color-code): Collection de codes de couleur dans différents formats (Hex, RGB, HSL, couleurs nommées) pour les tests de validation - [Exemples de Traitement d'Images Web Python](https://elysiatools.com/fr/samples/web-image-processing-python): Exemples de traitement d'images Web Python utilisant PIL/Pillow incluant la lecture, l'enregistrement, le redimensionnement et la conversion de format - [Exemples de Traitement d'Images Web Rust](https://elysiatools.com/fr/samples/web-image-processing-rust): Exemples de traitement d'images Web Rust incluant lecture/écriture, redimensionnement et conversion de format - [Exemples de Traitement d'Images Web TypeScript](https://elysiatools.com/fr/samples/web-image-processing-typescript): Exemples de traitement d'images Web TypeScript incluant lecture/sauvegarde, redimensionnement et conversion de format ## Contenu associé - [Outils de conversion d'espaces colorimetriques pour web et impression](https://elysiatools.com/fr/hubs/design-convert): Des outils reunis pour conversion d'espaces colorimetriques entre web et impression dans un seul hub. - [Generateurs d'effets CSS, palettes et design tokens](https://elysiatools.com/fr/hubs/design-generate): Des outils reunis pour effets visuels CSS, creation de palettes et generation de design tokens dans un seul hub. - [Outils d audit d accessibilite web et de couleurs accessibles](https://elysiatools.com/fr/hubs/web-accessibility-audits): Regroupez dans un meme hub les controles WCAG, l ordre de lecture des lecteurs d ecran, les problemes de contraste, les risques lies a la vision des couleurs et le choix de palettes accessibles. - [Outils de Design Couleur et Conversion d'Espaces Colorimétriques](https://elysiatools.com/fr/hubs/color-design-tools): Comparer des convertisseurs de couleur, des générateurs de palettes, des outils d'harmonie, des vérificateurs d'accessibilité et des utilitaires d'ajustement de couleur dans un seul hub pour designers et développeurs.