Palette de couleurs Understory Shade
Understory Shade est une palette de 5 couleurs qui puise dans les neutres, bruns et verts. En OKLCH, sa luminosité va de 18 % (#1B0F04, très foncé) à 94 % (#F1EAE3, très clair), et sa couleur la plus saturée, #345012, est moyennement saturé. 1 de ses 2 couleurs chromatiques se situe du côté chaud du cercle chromatique. 4 de ses 10 paires de couleurs atteignent le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : forêt, nature, vertes, grises et sombres.
- Rich Navy #1B0F04
- Jet #35271A
- Pakistan Green #345012
- Dim Gray #5F554C
- Gainsboro #F1EAE3
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Navy | #1B0F04 | rgb(27, 15, 4) | hsl(29, 74%, 6%) | oklch(18.2% 0.03 65.3) |
| Jet | #35271A | rgb(53, 39, 26) | hsl(29, 34%, 15%) | oklch(28.5% 0.031 64) |
| Pakistan Green | #345012 | rgb(52, 80, 18) | hsl(87, 63%, 19%) | oklch(39.5% 0.094 130.9) |
| Dim Gray | #5F554C | rgb(95, 85, 76) | hsl(28, 11%, 34%) | oklch(45.6% 0.019 64.3) |
| Gainsboro | #F1EAE3 | rgb(241, 234, 227) | hsl(30, 33%, 92%) | oklch(94.1% 0.012 67.7) |
Accessibilité
Les meilleures paires texte et fond de Understory Shade, classées par rapport de contraste WCAG 2, avec le contraste de luminosité APCA (Lc) du texte sur son fond.
| Paire | WCAG 2 | Niveau | APCA Lc |
|---|---|---|---|
| #F1EAE3 sur #1B0F04 | 15.78:1 | AAA | Lc -94.3 |
| #F1EAE3 sur #35271A | 12.10:1 | AAA | Lc -91.0 |
| #F1EAE3 sur #345012 | 7.65:1 | AAA | Lc -82.2 |
Vision des couleurs
1 paire de couleurs se rapproche à moins de ΔE 0.06 l’une de l’autre dans au moins une simulation.
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
À utiliser dans votre code
Installez ces couleurs comme couleurs de thème Tailwind CSS v4 avec shadcn : npx shadcn@latest add https://getcolors.so/r/palette/1b0f04-35271a-345012-5f554c-f1eae3.json.
Faites-la vôtre
Modifiez les couleurs, créez-en un système complet clair et sombre, ou voyez-les sur une vraie interface.