Une référence précise des couleurs
Couleurs HEX, conversions et contrastes prêts à l’emploi.
Consultez des valeurs fiables, le contraste et des formats prêts à copier, sans compte, remplissage ni signification inventée.
- 01HEX, RGB, HSL, HWB et OKLCH
- 02Contraste avec un texte noir ou blanc
- 03Teintes, ombres et CSS prêt à copier
Couleurs CSS courantes pour commencer
Commencez par les couleurs les plus utilisées.
Une sélection courte et vérifiée, fondée sur des statistiques publiées d’usage des mots-clés CSS, sans prétendre refléter le volume de recherche actuel.
Collection avec source
Comparez des collections de couleurs documentées.
Choisissez l’une de ces trois références soigneusement vérifiées.
Choisissez une couleur de départ
Ouvrez une couleur et utilisez-la.
Chaque page propose des valeurs HEX, RGB, HSL, HWB et OKLCH prêtes à copier, des contrôles de contraste, des teintes, des ombres et une base CSS.
La recherche couvre toutes les couleurs publiées, y compris les références utiles volontairement exclues de l’index de recherche.
Les références relues et indexables sont présentées en premier. Les autres couleurs publiées restent accessibles par la recherche et en poursuivant la consultation du catalogue.
Choisissez une collection vérifiée ou revenez à tout moment au catalogue publié complet.
Couleurs 1 à 24 affichées sur 4 188 couleurs publiées.
Guides sélectionnés
Des méthodes à garder sous la main.
Trois guides relus pour leur utilité pratique, sans les présenter comme un classement de popularité.
Canaux alpha et opacité des couleurs en CSS
Comprenez les différences entre alpha en HEX à huit chiffres, la syntaxe fonctionnelle, transparent et la propriété opacity lors de la composition CSS.
10 min de lecture Lire le guide →Choix pratique du premier planComment choisir une couleur de texte lisible sur tout arrière-plan
Suivez une méthode reproductible pour comparer des couleurs de texte sur des fonds unis, translucides, dégradés et photographiques avec des exemples WCAG vérifiés.
12 min de lecture Lire le guide →Principes de base des couleurs HEXComment lire un code couleur HEX à six chiffres
Lisez manuellement toute couleur #RRGGBB : séparez ses canaux, convertissez les paires hexadécimales, reconnaissez les raccourcis et décodez une paire alpha facultative.
10 min de lecture Lire le guide →De la valeur à la décision
Utilisez une couleur avec moins d’approximations.
Ouvrez une couleur pour comparer les formats, choisir un premier plan lisible, explorer des variantes claires et sombres, puis copier le résultat dans votre CSS.
Copiez le format dont vous avez besoin
HEX, RGB, HSL, HWB et le format perceptuel OKLCH sont affichés ensemble pour passer des outils de design au CSS sans conversion manuelle.
Vérifiez le contraste du texte
Comparez un texte noir et blanc sur la couleur et voyez quels seuils WCAG chaque combinaison atteint.
Composez une palette pratique
Partez de teintes, d’ombres, de relations de ton et de variantes d’opacité calculées, puis copiez un bloc de propriétés personnalisées CSS prêt à l’emploi.