COMPRENDRE · COMPARER · CRÉER
Nuancier couleurs : échantillons, codes et comparaison
Choisissez deux nuances pour les voir côte à côte, ou parcourez les échantillons par famille. Les valeurs sRGB de ce nuancier sont des repères déclarés ; elles ne représentent pas une gamme certifiée de peintures.
Sommaire complet de la page
Comparer deux couleurs côte à côte#
Ivoire — #FFFFF0
Blanc — #FFFFFF
| Mesure | Ivoire | Blanc |
|---|---|---|
| HEX | #FFFFF0 | #FFFFFF |
| Luminance relative | 99.07 % | 100 % |
Pour du texte courant sur les deux fonds ivoire et blanc affichés, le noir pur atteint le seuil de 4,5:1.
Écart de coordonnées Oklab
La distance ΔEOK n’est pas un pourcentage. Elle ne certifie ni une équivalence de peinture ni une ressemblance garantie à l’œil. Méthode et limites du calcul.
Changer le fond peut modifier votre impression visuelle ; les codes et les mesures restent les mêmes. Pour comparer un matériau, utilisez ses échantillons réels sous le même éclairage.
Échantillons par famille#
rouges et roses
oranges et jaunes
verts
bleus
violets
bruns et neutres
Comparer sans se tromper#
- Affichez les nuances côte à côte sur un fond identique.
- Évitez de comparer une capture d’écran à une photo éclairée différemment.
- Pour un achat de peinture, demandez un échantillon de la référence du fabricant.
Si les deux couleurs servent de fonds, le comparateur essaie le noir et le blanc purs sur chacun. Une encre commune doit atteindre 4,5:1 sur les deux aplats pour du texte courant. Avec les gris #757575 et #767676, les deux encres conviennent. Avec un fond bleu pur et un fond jaune pur, il faut changer d’encre si on se limite au noir et au blanc. Voir les rapports autour du seuil.
Rechercher une valeur précise#
Ouvrir la recherche par nom ou code · Comprendre les codes
Vous partez d’une photo ? Prélever une couleur dans une image, puis comparer son code aux nuances de ce répertoire.
Six comparaisons pour commencer#
| Nuances du répertoire | Codes comparés | Contraste entre les deux | Ouvrir |
|---|---|---|---|
| Ivoire / Blanc | #FFFFF0 / #FFFFFF | 1.01:1 | Comparer côte à côte |
| Bleu canard / Bleu pétrole | #048B9A / #1D4851 | 2.46:1 | Comparer côte à côte |
| Rouille / Terracotta | #B7410E / #E2725B | 1.80:1 | Comparer côte à côte |
| Safran / Jaune moutarde | #F4C430 / #C7A000 | 1.51:1 | Comparer côte à côte |
| Kaki / Olive | #798933 / #808000 | 1.09:1 | Comparer côte à côte |
| Lavande / Mauve | #B57EDC / #D473D4 | 1.03:1 | Comparer côte à côte |
Les noms restent des repères de ce répertoire. Deux fabricants peuvent employer un même nom pour des couleurs différentes.
Le nom ne suffit pas toujours à choisir un code#
Le comparateur accepte aussi des valeurs extérieures au répertoire. Il permet de comparer deux codes publiés sous un même nom, ou un repère de cette liste à la valeur fournie par votre graphiste.
Voir les treize comparaisons documentées · Préparer une référence adaptée à votre support.
Sources et méthode
- W3C — CSS Color : codes sRGB, noms CSS et HSL
Les valeurs numériques et mots-clés CSS ; pas une normalisation des noms français. - Adobe — Color modes in Photoshop
Différences entre modes RVB et CMJN et contraintes de reproduction. - W3C — WCAG 2.2 : contraste minimal
Seuils de contraste des textes, tailles et exceptions. - Björn Ottosson — Oklab, méthode et matrices
Conversion du sRGB linéaire en Oklab pour comparer des échantillons numériques.
Les palettes et exemples de ce site sont des propositions éditoriales. Les conversions et contrastes sont calculés à partir des codes indiqués. Voir la méthode et signaler une correction.