Analyseur de couleur

Analysez une couleur saisie ou choisie avec la pipette : codes HEX, RGB et HSL, ratios de contraste sur blanc ou noir et variantes utiles au web.

Analysez une couleur saisie ou choisie avec la pipette : codes HEX, RGB et HSL, ratios de contraste sur blanc ou noir et variantes utiles au web.Détails

Analysez une couleur saisie ou choisie avec la pipette : codes HEX, RGB et HSL, ratios de contraste sur blanc ou noir et variantes utiles au web.

Sélection

Couleur

Aperçu de la couleur

#3B82F6

Codes Couleur

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

Contraste

Sur blanc

3.68:1

Sur noir

5.71:1

Variations

Comprendre le contraste des couleurs

Les codes sont convertis en sRGB avec une précision de 8 bits par canal. Pour une couleur transparente, le ratio tient compte de sa composition sur le fond blanc ou noir indiqué.

Le critère WCAG de contraste du texte prévoit, au niveau AA, 4,5:1 pour le texte courant et 3:1 pour le grand texte (18 points, ou 14 points en gras). Le niveau AAA demande respectivement 7:1 et 4,5:1. Explications du W3C sur le contraste.

Ce résultat aide à choisir une association de couleurs. Il ne suffit pas à certifier l’accessibilité d’une page : vérifiez aussi la taille des caractères, les états des contrôles, le clavier et l’information qui pourrait dépendre uniquement d’une couleur.

À propos de Analyseur de couleur

Analysez une couleur saisie ou choisie avec la pipette : codes HEX, RGB et HSL, ratios de contraste sur blanc ou noir et variantes utiles au web. Cette page fait partie des outils analyseurs de Boîte À Out's, pensés pour obtenir un résultat rapide, gratuit et accessible depuis un navigateur moderne.

Méthode et transparence

Mis à jour le 8 septembre 2026

Boîte À Out's publie des outils pratiques et documente ses hypothèses quand des données externes, des barèmes publics ou des règles métier sont impliqués.

Lire la méthodologie Signaler une correction

Questions Fréquentes

Comment analyser une couleur ?

Saisissez une couleur CSS reconnue ou choisissez-la avec le sélecteur. L'outil affiche ses équivalents HEX, RGB et HSL, ainsi que son contraste sur blanc et noir.

Quels formats de codes couleurs sont supportés ?

L'outil affiche les formats HEX, RGB et HSL. Il ne calcule pas le CMYK, qui dépend en outre du profil colorimétrique d'impression.

Puis-je extraire une palette depuis une image ?

Non. Cette version analyse une couleur à la fois et ne prend pas en charge l'import d'image ni l'extraction automatique de couleurs dominantes.

Une question reste sans réponse ? Nous contacter.

Outil gratuit et fiable

L’essentiel, sans inscription.

100% gratuit, sans inscription requise
Confidentialité prise en compte dès la conception
Résultats rapides directement dans l’interface
Interface responsive sur navigateurs modernes

Vos données : le traitement dépend de l'outil. Consultez sa notice et notre politique de confidentialité avant de saisir une information sensible.

Ces outils pourraient aussi vous intéresser

Audit Flash Accessibilité RGAA

Passez en revue les points essentiels du RGAA pour repérer rapidement les problèmes d'accessibilité les plus fréquents.

Populaire

Analyseur de densité de mots-clés

Mesurez la fréquence des mots et expressions de votre texte pour repérer les répétitions et ajuster votre rédaction SEO.

Populaire

Comparateur d’écrans : TV, PC et mobile

Comparez les dimensions, surfaces, formats et résolutions de TV, moniteurs, tablettes ou smartphones, puis visualisez recul et angle de vision en 3D.

Populaire