Palette de couleurs Sorbet Shelf
Sorbet Shelf est une palette de 5 couleurs qui puise dans les roses, oranges, verts, bleus et violets. En OKLCH, sa luminosité va de 87 % (#DCCBEE, clair) à 92 % (#F9E2B6, très clair), et sa couleur la plus saturée, #F9E2B6, est atténué. 2 de ses 5 couleurs chromatiques se situent du côté chaud du cercle chromatique. 0 de ses 10 paires de couleurs atteint le rapport WCAG AA de 4,5:1 pour le texte courant. Étiquettes : pastel, claires, été et gastronomie.
- Mimi Pink #F6C9C4
- Lemon Meringue #F9E2B6
- Tea Green #CDE8C9
- Light Sky Blue #C3D9F2
- Cadet Gray #DCCBEE
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Mimi Pink | #F6C9C4 | rgb(246, 201, 196) | hsl(6, 74%, 87%) | oklch(87.4% 0.052 25.6) |
| Lemon Meringue | #F9E2B6 | rgb(249, 226, 182) | hsl(39, 85%, 85%) | oklch(92.1% 0.062 83.5) |
| Tea Green | #CDE8C9 | rgb(205, 232, 201) | hsl(112, 40%, 85%) | oklch(90.3% 0.051 141.6) |
| Light Sky Blue | #C3D9F2 | rgb(195, 217, 242) | hsl(212, 64%, 86%) | oklch(87.7% 0.042 251.7) |
| Cadet Gray | #DCCBEE | rgb(220, 203, 238) | hsl(269, 51%, 86%) | oklch(86.7% 0.051 307.2) |
Accessibilité
Les meilleures paires texte et fond de Sorbet Shelf, 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 |
|---|---|---|---|
| #F9E2B6 sur #DCCBEE | 1.20:1 | Échec | Lc -10.2 |
| #F9E2B6 sur #F6C9C4 | 1.18:1 | Échec | Lc -9.0 |
| #CDE8C9 sur #DCCBEE | 1.16:1 | Échec | Lc -7.7 |
Vision des couleurs
8 paires de couleurs se rapprochent à 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/f6c9c4-f9e2b6-cde8c9-c3d9f2-dccbee.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.