Palette de couleurs Sherbet Daydream
Sherbet Daydream est une palette de 5 couleurs qui puise dans les verts, roses, violets, turquoises et cyans et jaunes. En OKLCH, sa luminosité va de 77 % (#9DBDB0, moyennement clair) à 94 % (#E3F4C8, très clair), et sa couleur la plus saturée, #E3F4C8, est atténué. Ses couleurs chromatiques se répartissent à égalité entre le côté chaud et le côté froid 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 et vertes.
- French Gray #9DBDB0
- Cherry Blossom Pink #DDB4BB
- Cadet Gray #DCCBF0
- Diamond #C5E8F0
- Lemon Meringue #E3F4C8
Codes couleur
| Couleur | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| French Gray | #9DBDB0 | rgb(157, 189, 176) | hsl(156, 20%, 68%) | oklch(77.1% 0.039 168.7) |
| Cherry Blossom Pink | #DDB4BB | rgb(221, 180, 187) | hsl(350, 38%, 79%) | oklch(80.8% 0.048 6.7) |
| Cadet Gray | #DCCBF0 | rgb(220, 203, 240) | hsl(268, 55%, 87%) | oklch(86.8% 0.054 306) |
| Diamond | #C5E8F0 | rgb(197, 232, 240) | hsl(191, 59%, 86%) | oklch(90.8% 0.038 213.1) |
| Lemon Meringue | #E3F4C8 | rgb(227, 244, 200) | hsl(83, 67%, 87%) | oklch(94.3% 0.06 124.7) |
Accessibilité
Les meilleures paires texte et fond de Sherbet Daydream, 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 |
|---|---|---|---|
| #E3F4C8 sur #9DBDB0 | 1.74:1 | Échec | Lc -32.7 |
| #E3F4C8 sur #DDB4BB | 1.59:1 | Échec | Lc -27.8 |
| #C5E8F0 sur #9DBDB0 | 1.56:1 | Échec | Lc -25.1 |
Vision des couleurs
3 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/9dbdb0-ddb4bb-dccbf0-c5e8f0-e3f4c8.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.