#113377

Valeurs de couleur Notations de couleur — HEX (hexadécimal), RGB (lumières primaires), HSL (teinte/saturation/luminosité), CMJN (encres d’impression, approximatif).

HEX
#113377
RGB
rgb(17, 51, 119)
HSL
hsl(220, 75%, 27%)
OKLCH
oklch(34.2% 0.123 262.1)
CMYK
86% 57% 0% 53%
Luminance relative Luminance relative : la clarté d’une couleur, de 0 (noir) à 1 (blanc). Elle sert à calculer le contraste WCAG.
0,0382
Teinte Teinte : le type d’une couleur (rouge, orange, jaune…). Nous divisons le cercle chromatique en 12 secteurs.
Azur
Nom le plus proche Nom le plus proche : le nom de couleur standard CSS le plus proche de cette couleur.
midnightblue

Contraste

Rapport Rapport de contraste : l’écart de clarté entre deux couleurs, de 1:1 à 21:1. Plus il est élevé, plus c’est lisible. APCA (Lc) APCA : une mesure de contraste perceptuelle plus récente issue du brouillon WCAG 3. Lc va d’environ 0 à 106 ; plus c’est élevé, plus c’est lisible. Le signe indique la polarité (texte foncé sur clair, ou clair sur foncé).
En fond
Texte blanc 11,91:1 -100
Texte noir 1,76:1 0
En texte
Fond blanc 11,91:1 97
Fond noir 1,76:1 0

Harmonies de couleurs

Complémentaire Complémentaire : la couleur opposée sur le cercle (180°). Les deux se mettent mutuellement en valeur.

Analogues Analogues : voisines sur le cercle (environ ±15°). Elles forment une palette cohérente.

Triade Triade : trois couleurs espacées régulièrement de 120°. Équilibrée et vivante.

Complémentaire fractionné Complémentaire fractionné : les deux couleurs voisines de la complémentaire (180° ± 30°). Plus douce qu’une complémentaire directe.

Tétrade Tétrade : quatre couleurs espacées régulièrement de 90°. Idéale pour les palettes à plusieurs accents.

Échelle de tons Échelle de tons : cinq paliers qui conservent la teinte mais font varier la clarté.

Ombres et teintes Ombres et teintes : paliers plus clairs mélangés vers le blanc (teintes) et plus foncés mélangés vers le noir (ombres).

Impressions Impression : une étiquette pour l’ambiance qu’évoque une couleur — chaud, calme, vif, etc.

Aperçu d’utilisation

En fond (texte noir)

Rapport 1,76:1 APCA (Lc) 0

En fond (texte blanc)

Rapport 11,91:1 APCA (Lc) -100

En texte (fond blanc)

Rapport 11,91:1 APCA (Lc) 97

En texte (fond noir)

Rapport 1,76:1 APCA (Lc) 0