Sélecteur et convertisseur de couleur

• Conversion instantanée en temps réel : chaque format se met à jour dès que vous changez une valeur - choisissez une couleur sur le canevas, faites glisser le curseur de teinte ou saisissez directement dans n'importe quel champ HEX, RGB, HSL, HSV, CMYK, HWB ou LAB. Aucun bouton à presser.
• Sept formats de couleur dont CIE LAB : le convertisseur prend en charge HEX, RGB, HSL, HSV, CMYK, HWB et CIE LAB - l'espace colorimétrique perceptuellement uniforme utilisé en impression, photographie et science des couleurs. Tous les formats sont modifiables et copiables.
• Sélecteur visuel + vérificateur de contraste WCAG : le canevas de saturation-luminosité et le curseur de teinte offrent un contrôle visuel précis. Le vérificateur de contraste WCAG intégré affiche le statut de réussite/échec AA et AAA de votre couleur sur fonds blanc et noir.
• 100 % privé - sans envoi : toutes les conversions se font localement dans votre navigateur. Aucune donnée de couleur n'est jamais envoyée à un serveur, stockée ou journalisée. Le convertisseur fonctionne entièrement hors ligne une fois la page chargée.

• Développement web et UI : convertissez les design tokens entre HEX et HSL pour les propriétés personnalisées CSS, ou obtenez les valeurs RGB exactes pour le travail sur canvas et WebGL. Le convertisseur vous donne tous les formats dont un développeur web a besoin en un seul endroit.
• Systèmes de design et couleurs de marque : vérifiez que vos couleurs de marque sont cohérentes entre les représentations HEX (web), CMYK (impression) et LAB (perceptuelle). Utilisez le convertisseur pour maintenir la fidélité des couleurs sur tous les supports.
• Design d'impression et prépresse : convertissez les couleurs d'écran en CMYK pour la production d'impression, ou utilisez les valeurs CIE LAB pour une spécification de couleur indépendante de l'appareil. Le convertisseur gère avec précision les conversions sRGB vers CMYK et sRGB vers LAB.
• Accessibilité et conformité WCAG : vérifiez instantanément le rapport de contraste de votre couleur de premier plan sur fonds blanc et noir. Le vérificateur WCAG intégré affiche le statut AA et AAA pour choisir des couleurs accessibles sans quitter l'outil.
• Photographie et étalonnage : utilisez les valeurs HSV pour faire correspondre la teinte, la saturation et la luminosité des couleurs dans les flux d'édition photo. La sortie LAB du convertisseur est utile pour l'appariement perceptuel des couleurs sous différents éclairages.
• Art numérique et illustration : choisissez des couleurs sur le canevas visuel et obtenez leurs valeurs exactes dans tous les formats pour les utiliser dans Figma, Sketch, Procreate ou tout autre outil de design. Les nuanciers prédéfinis donnent un accès rapide aux couleurs de design courantes.

Un sélecteur et convertisseur de couleur vous permet de choisir n'importe quelle couleur visuellement et de voir instantanément ses valeurs équivalentes dans tous les formats de couleur majeurs. Différents outils et flux de travail utilisent différentes représentations de couleur - les développeurs web utilisent HEX et RGB , les designers utilisent HSL et HSV , les professionnels de l'impression utilisent CMYK , et les scientifiques des couleurs utilisent CIE LAB . Ce convertisseur gère les sept formats avec une conversion précise et bidirectionnelle - changez n'importe quelle valeur et toutes les autres se mettent à jour instantanément.

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

1. Choisissez ou saisissez une couleur : utilisez le canevas de saturation-luminosité et le curseur de teinte pour une sélection visuelle, cliquez sur le sélecteur de couleur natif du navigateur, saisissez un code HEX, ou entrez des valeurs directement dans n'importe quel champ de format (RGB, HSL, HSV, CMYK, HWB ou LAB).
2. Conversion instantanée dans le navigateur : toutes les valeurs sont converties via une représentation intermédiaire RVB commune à l'aide d'une mathématique colorimétrique précise (sRGB vers XYZ vers LAB pour les formats perceptuels). Vos données de couleur ne quittent jamais votre navigateur.
3. Copiez n'importe quel format : cliquez sur l'icône de copie à côté de n'importe quelle ligne de format pour copier cette valeur, ou cliquez sur « Tout copier » pour copier tous les formats d'un coup. La sortie variable CSS est prête à coller directement dans votre feuille de styles.

• HEX : notation hexadécimale à six chiffres (#RRGGBB) - le standard pour HTML, CSS et la plupart des outils de design.
• RGB : canaux rouge, vert, bleu (0-255) - utilisé en CSS, canvas, WebGL et traitement d'image.
• HSL : teinte, saturation, luminosité - plus intuitif pour les designers ; fonction de couleur CSS native depuis CSS Color Level 4.
• HSV : teinte, saturation, valeur - utilisé dans Photoshop, Figma et la plupart des sélecteurs de couleur professionnels.
• CMYK : cyan, magenta, jaune, key (noir) - le standard pour la production d'impression et les flux prépresse.
• HWB : teinte, blancheur, noirceur - une fonction de couleur CSS plus récente (CSS Color Level 4) plus intuitive que HSL pour mélanger avec blanc/noir.
• CIE LAB : espace colorimétrique perceptuellement uniforme (L* = luminosité, a* = axe vert-rouge, b* = axe bleu-jaune) - utilisé en science des couleurs, profils ICC et appariement de couleurs indépendant de l'appareil.

Le vérificateur de contraste WCAG calcule la luminance relative de votre couleur et calcule son rapport de contraste sur le blanc pur (#FFFFFF) et le noir pur (#000000). Un rapport de 4,5:1 satisfait WCAG 2.1 AA pour le texte normal, 3:1 satisfait AA pour le grand texte et les composants d'interface, et 7:1 satisfait AAA pour le texte normal. Utilisez-le pour vous assurer que vos couleurs de texte sont accessibles aux utilisateurs malvoyants.