#ccdd33
Valeurs de couleur Notations de couleur — HEX (hexadécimal), RGB (lumières primaires), HSL (teinte/saturation/luminosité), CMJN (encres d’impression, approximatif).
- HEX
-
#ccdd33 - RGB
-
rgb(204, 221, 51) - HSL
-
hsl(66, 71%, 53%) - OKLCH
-
oklch(85.7% 0.181 115.4) - CMYK
-
8% 0% 77% 13%
- Luminance relative Luminance relative : la clarté d’une couleur, de 0 (noir) à 1 (blanc). Elle sert à calculer le contraste WCAG.
- 0,6479
- Teinte Teinte : le type d’une couleur (rouge, orange, jaune…). Nous divisons le cercle chromatique en 12 secteurs.
- Jaune
- Nom le plus proche Nom le plus proche : le nom de couleur standard CSS le plus proche de cette couleur.
- greenyellow
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 | 1,5:1 | -27 |
| Texte noir | 13,96:1 | 80 |
| En texte | ||
| Fond blanc | 1,5:1 | 23 |
| Fond noir | 13,96:1 | -80 |
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.
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)
En fond (texte blanc)
En texte (fond blanc)
En texte (fond noir)
Essayer une combinaison
Fond Texte