Alpha et composition CSS
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.
Connaissances pratiques sur la couleur
Des articles fondés sur des méthodes, pas sur des mythes.
Des guides détaillés en français, anglais, russe et espagnol, fondés sur des normes publiées, des calculs reproductibles et des exemples CSS prêts à copier.
Choix pratique du premier plan
Comment 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.
Principes de base des couleurs HEX
Comment 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.
États de bouton accessibles
Couleurs des boutons : texte, fond, bordure, survol et focus
Évaluez le texte, le fond, la bordure et les états de survol, d’activation, de désactivation et de focus comme des interactions complètes, pas comme un échantillon isolé.
Comprendre les niveaux WCAG
Seuils de contraste WCAG AA et AAA sans les mythes
Comprenez ce que WCAG AA et AAA signifient réellement pour le texte normal et de grande taille, comment les niveaux de conformité se cumulent et ce qu’un vérificateur de contraste ne peut pas certifier.
Formulaires accessibles
Couleurs d’état de formulaire qui ne reposent pas uniquement sur la couleur
Concevez erreur, réussite, avertissement, désactivation et focus pour rester compréhensibles sans couleur, respecter le contraste pertinent et fournir un retour clair.
États de lien accessibles
Choisir des couleurs de lien qui restent distinctes
Choisissez et testez les couleurs des liens face au fond et au texte voisin tout en conservant soulignement, état visité, survol et focus.
Formats de couleur CSS
HEX, RGB et HSL : ce qui change et ce qui ne change pas
Comprenez comment HEX, RGB et HSL représentent les couleurs CSS, convertissez une couleur sans la modifier et choisissez la notation adaptée à votre besoin.
Contraste WCAG 2.2
Le rapport de contraste des couleurs expliqué par des exemples vérifiés
Calculez le contraste WCAG 2.2 entre deux couleurs sRGB, interprétez les seuils AA et AAA et examinez des exemples exacts de réussite et d’échec.
Contrôles HSL pratiques
Valeurs de couleur HSL : réglages utiles et pièges fréquents
Utilisez HSL en CSS avec des exemples sRGB exacts, des gammes de saturation et luminosité, des contrôles de contraste, la syntaxe alpha et les limites perceptuelles.
Contrôles HWB pratiques
Couleurs HWB : blancheur et noirceur en CSS
Utilisez HWB en CSS avec des conversions sRGB exactes, des gammes de blancheur et noirceur testées, le contraste, la normalisation des sommes, alpha et des jetons pratiques.
Processus perceptuel pour palettes CSS
OKLCH pour des palettes CSS pratiques
Créez des palettes CSS pratiques avec luminosité et chroma OKLCH, conversions sRGB vérifiées, preuves de contraste, limites de gamut, replis, dégradés et mélanges.
Comparaison des couleurs
Comment calculer le nom de couleur CSS le plus proche
Découvrez comment comparer une couleur au jeu fixe de couleurs CSS, pourquoi la métrique change le gagnant et pourquoi le mot renvoyé est une approximation plutôt qu’un nom officiel.
Mode clair accessible
Créer une palette de couleurs lisible pour le mode clair
Créez une palette claire lisible en coordonnant surfaces blanches, niveaux de texte, bordures, accents, focus, composition et contrôles WCAG.
Palette d’interface sombre
Créer une palette sombre sans simplement inverser les couleurs
Construisez une palette sombre mesurable pour surfaces, textes, bordures, accents et focus sans recourir à une inversion automatique.
Visualisation de données accessible
Une palette de couleurs pratique pour graphiques et catégories
Construisez des graphiques catégoriels avec libellés, formes, motifs, ordre et contraste mesuré afin que les données restent compréhensibles sans différence de couleur.
Mots-clés de couleur CSS
Couleurs CSS nommées : quand les noms aident et quand HEX est plus clair
Utilisez précisément les mots-clés de couleur CSS : vérifiez leurs valeurs sRGB exactes, reconnaissez les alias et choisissez des jetons faciles à maintenir.
Syntaxe des couleurs CSS
Syntaxe moderne des couleurs CSS avec exemples prêts à copier
Comparez les notations CSS modernes HEX, rgb(), hsl(), hwb(), lab() et oklch(), leurs espaces colorimétriques et des exemples copiables sans changement accidentel.
Des couleurs associées sans termes vagues
Teintes, ombres et tons : trois opérations différentes
Générez teintes, ombres et tons avec des calculs sRGB explicites, des exemples HEX reproductibles, CSS color-mix() et des contrôles de contraste plutôt qu’avec des termes ambigus.
Jetons de couleur CSS
Organiser un petit système de couleurs avec des variables CSS
Construisez un petit système de couleurs maintenable avec propriétés CSS, jetons sémantiques, portée contrôlée, replis, thèmes et tests de contraste.