Vérificateur de contraste
Mesurez le contraste du texte selon WCAG 2.2 et consultez les seuils AA et AAA avec un aperçu immédiat.
Convertisseur de couleurs
Convertissez HEX, RGB et HSL avec transparence, visualisez la couleur et copiez les valeurs CSS.
Modifiez la valeur HEX, RGB ou HSL : les autres formats et l’aperçu se mettent à jour ensemble.
À propos de cet outil
Reprenez la couleur d’une maquette dans le format disponible. La conversion concerne sRGB, pas CMJN ni les tons directs d’impression.
Mode d’emploi
Saisissez une couleur ou utilisez le sélecteur, puis réglez l’opacité. Les formats HEX à 3, 4, 6 et 8 chiffres ainsi que RGB et HSL avec alpha sont acceptés. Les canaux RGB utilisent 0–255 ou des pourcentages ; saturation et luminosité HSL sont en pourcentage. Les valeurs hors plage sont refusées. CMJN et espaces à large gamut ne sont pas convertis.
HEX, RGB et HSL disposent chacun d’un champ modifiable. Changer l’un actualise les autres, sans réécrire le texte ni déplacer le curseur du champ actif. Les valeurs incomplètes ou incorrectes y sont signalées ; la copie reste désactivée jusqu’à correction.
Questions fréquentes
Où placer l’alpha dans un HEX à huit chiffres ?
CSS utilise #RRGGBBAA : les deux derniers chiffres représentent l’alpha. L’ordre diffère de l’ARGB de certains logiciels. RGB et HSL peuvent également contenir une transparence.
Quelles syntaxes RGB et HSL sont acceptées ?
Par exemple rgb(255 0 0 / 50%) ou hsl(0 100% 50%). La syntaxe à virgules fonctionne aussi, sans la mélanger à celle avec barre oblique. Les noms de couleurs et CMYK ne sont pas acceptés.
Pourquoi 50 % d’opacité change-t-il légèrement en HEX ?
HEX ne possède que 256 niveaux alpha. 0,5 est arrondi à 80, soit 128/255. Gardez la sortie RGB ou HSL si vous souhaitez l’alpha décimal plutôt que sa représentation HEX sur huit chiffres.
Outils associés
S’ouvre dans un nouvel onglet
Commentaires
0