Outils Couleur
Outils couleur gratuits en ligne : conversion HEX/RGB/HSL, vérification du contraste WCAG, génération de palettes. Sans inscription.
5 outils
Outils Couleur couvre trois tâches distinctes qui surviennent quand on travaille la couleur dans un design ou un code : traduire une notation en une autre, vérifier la lisibilité d'une paire, et étendre une seule couleur en un ensemble. Le convertisseur fait passer une couleur entre HEX, RGB et HSL. Le vérificateur de contraste WCAG note une paire texte/fond par rapport aux seuils d'accessibilité. Le générateur de palette fait tourner la teinte d'une couleur de base en harmonies et décline sa luminosité en nuances. Les trois utilisent les mathématiques sRGB et HSL standard et s'exécutent sur votre appareil.
Quel outil choisir ?
- Utilisez le convertisseur quand une valeur arrive dans une notation et qu'un fichier en attend une autre — un HEX d'un outil de design vers un hsl() ajustable, ou des canaux RGB de retour en HEX.
- Utilisez le vérificateur de contraste WCAG avant de fixer une couleur de texte sur un fond ; il donne le ratio et indique la conformité AA ou AAA, pour le texte normal comme pour le texte large.
- Utilisez le générateur de palette pour transformer une couleur de départ en teintes complémentaire, analogues et triadiques plus cinq paliers de luminosité, puis copiez les codes HEX voulus.
Limites et points d’attention
- Le convertisseur ne gère que le HEX opaque (3 ou 6 chiffres), le RGB et le HSL — pas de canal alpha, pas de couleurs nommées, ni CMJN, LAB ou OKLCH.
- Les valeurs HSL sont arrondies à l'entier : un aller-retour HEX vers HSL puis retour peut décaler d'un pas.
- Le vérificateur de contraste n'accepte que le HEX et utilise la formule de luminance WCAG 2.x, pas l'APCA ; il ne tient pas compte d'une transparence partielle, et c'est vous qui indiquez si le texte compte comme large.
- Le générateur de palette ne fait que tourner la teinte et fixer la luminosité à des valeurs fixes (20, 35, 50, 65, 80) ; la saturation n'est pas modifiée, et il ne vérifie pas le contraste des paires obtenues.
Simulateur de daltonisme
Prévisualise l'apparence d'une image avec des simulations courantes de déficiences de vision des couleurs pour repérer les distinctions visuelles fragiles.
Utiliser l’outilGénérateur de dégradé CSS
Construit visuellement un dégradé CSS, règle ses points et sa direction, puis copie la valeur CSS générée.
Utiliser l’outilGénérateur de palette de couleurs
Transforme une couleur de base en teintes complémentaire, analogues et triadiques plus cinq paliers de luminosité fixes, en HEX.
Utiliser l’outilVérificateur de contraste WCAG
Note une paire texte/fond en HEX selon WCAG 2.x AA et AAA, texte normal et large ; sans alpha ni APCA.
Utiliser l’outilConvertisseur de couleur HEX / RGB / HSL
Convertit une couleur entre HEX, RGB et HSL ; couleurs opaques uniquement, sortie HSL arrondie à l'entier.
Utiliser l’outil