Convertisseur de Formats de Couleur CSS

• Conversion instantanée des formats de couleur CSS : collez n'importe quelle valeur de couleur CSS — hex3, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() ou une couleur nommée — et obtenez tous les formats équivalents en quelques millisecondes. Le convertisseur traite tout dans votre navigateur sans attente.
• Convertisseur de formats de couleur CSS en ligne sécurisé : votre code CSS ne quitte jamais votre appareil. Le convertisseur fonctionne entièrement côté client dans votre navigateur — pas d'envoi serveur, pas de journalisation, pas de requêtes tierces. Convertissez des tokens de design confidentiels et des feuilles de style de production en toute confidentialité.
• Convertisseur de formats de couleur CSS sans installation : fonctionne dans n'importe quel navigateur moderne, sans téléchargement, plugin ni extension. Ouvrez la page et commencez à convertir immédiatement — ordinateur, tablette et mobile.
• 100 % gratuit — sans limites, sans publicité : le convertisseur est totalement gratuit, sans inscription, sans compte, sans offre premium et sans limite d'utilisation. Convertissez des couleurs seules ou des fichiers CSS entiers autant que nécessaire — gratuit à vie.

• Migration CSS vers les fonctions de couleur modernes : convertissez les valeurs héritées hex et rgb() de vos feuilles de style en hsl() ou oklch() modernes pour une meilleure lisibilité et un theming plus simple. Le convertisseur traite des blocs CSS entiers en une passe, économisant des heures de recherche-remplacement manuel.
• Standardisation des tokens de design : standardisez les tokens de couleur de votre système de design sur un seul format dans tous les fichiers. Utilisez le convertisseur pour que chaque token de votre config Tailwind, variables CSS ou maps SCSS utilise la même notation.
• Passation Figma et outils de design : Figma exporte les couleurs en hex ou rgb() ; votre framework CSS attend peut-être hsl(). Utilisez le convertisseur pour traduire instantanément les valeurs de la passation de design dans le format de votre base de code.
• Correspondance des couleurs pour l'impression et le multi-support : convertissez des couleurs d'écran en CMYK pour la production imprimée, ou obtenez des valeurs CIE LAB pour une spécification indépendante de l'appareil. Le convertisseur génère CMYK et LAB avec tous les formats CSS en une seule étape.
• Refactoring et audit de code : auditez une base de code héritée qui mélange hex, rgb() et couleurs nommées de manière incohérente. Collez n'importe quelle feuille de style dans le mode bloc du convertisseur et convertissez toutes les couleurs en un clic.
• Accessibilité et travail des couleurs WCAG : pour vérifier les ratios de contraste WCAG, vous avez souvent besoin de couleurs dans un format précis. Le convertisseur traduit instantanément n'importe quelle couleur dans le format requis par votre outil de test ou votre revue de design.

La conversion de formats de couleur CSS est le processus consistant à exprimer la même valeur de couleur dans une notation CSS différente. CSS prend en charge plus d'une douzaine de formats de couleur — du classique triplet hexadécimal (#rrggbb) aux formats perceptifs modernes comme oklch() et lab(). Chaque format encode différemment la même couleur sous-jacente : hex utilise des valeurs de canal en base 16, rgb() des canaux décimaux 0-255, hsl() un angle de teinte et une luminosité en pourcentage, et oklch() une luminosité perceptuelle et un chroma. Le convertisseur analyse n'importe laquelle de ces notations et produit instantanément toutes les représentations équivalentes, pour que vous utilisiez le format exigé par votre flux de travail sans calcul manuel.

La conversion se déroule en trois étapes, entièrement dans votre navigateur :

1. Saisissez votre couleur CSS : tapez ou collez n'importe quelle valeur de couleur CSS dans l'onglet Couleur unique — hex3, hex4, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() ou l'une des 148 couleurs nommées CSS. Pour une conversion en masse, passez à l'onglet Bloc CSS et collez toute votre feuille de style.
2. Traitement instantané dans le navigateur : cliquez sur Convertir et le convertisseur analyse votre entrée, la normalise en représentation RGBA interne, puis calcule tous les formats de sortie avec des mathématiques de couleur précises. Aucune donnée n'est envoyée à un serveur — tout se passe localement dans votre navigateur.
3. Copiez ou téléchargez la sortie : en mode Couleur unique, cliquez sur l'icône de copie à côté d'une ligne de format pour copier la valeur. En mode Bloc CSS, la feuille de style convertie apparaît dans le panneau de sortie — cliquez sur « Copier la sortie » pour copier tout le CSS converti.

• Formats HEX (hex3, hex4, hex6, hex8) : le hex court à 3 chiffres est développé en 6 chiffres ; les hex à 4 et 8 chiffres incluent le canal alpha. Toute la sortie hex est en majuscules par cohérence.
• RGB et RGBA : valeurs de canal décimales 0-255 avec alpha optionnel (0-1). Le convertisseur accepte aussi les valeurs rgb() en pourcentage et les normalise en canaux entiers.
• HSL, HSLA et HWB : formats basés sur la teinte utilisés nativement dans CSS Color Level 4. Le convertisseur accepte la teinte en degrés, radians, tours et grades et la normalise en degrés en sortie.
• Formats modernes (oklch, lch, lab) : espaces colorimétriques perceptuellement uniformes de CSS Color Level 4. Le convertisseur analyse ces entrées et les convertit vers tous les autres formats via des mathématiques précises.

Le convertisseur de formats de couleur CSS utilise l'espace colorimétrique sRGB comme représentation intermédiaire. Les couleurs spécifiées dans des espaces à gamme étendue (display-p3, rec2020) situées hors sRGB sont écrêtées à la valeur sRGB la plus proche. La sortie CMYK utilise une formule mathématique simple sans profils ICC — pour l'impression de production, utilisez une conversion basée sur profils ICC dans votre logiciel d'impression. Le format HSV n'est pas une fonction CSS native ; il est fourni comme valeur de référence pour des outils comme Photoshop et Figma.