Sherbet Daydream Farbpalette
Sherbet Daydream ist eine Palette aus 5 Farben, die auf Grüntöne, Rosatöne, Violetttöne, Türkis- und Cyantöne und Gelbtöne aufbaut. In OKLCH reicht die Helligkeit von 77 % (#9DBDB0, mittelhell) bis 94 % (#E3F4C8, sehr hell), und die gesättigtste Farbe, #E3F4C8, ist gedämpft. Ihre chromatischen Farben verteilen sich gleichmäßig auf die warme und die kühle Seite des Farbkreises. 0 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit pastell, hell und grün.
- French Gray #9DBDB0
- Cherry Blossom Pink #DDB4BB
- Cadet Gray #DCCBF0
- Diamond #C5E8F0
- Lemon Meringue #E3F4C8
Farbcodes
| Farbe | 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) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Sherbet Daydream, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #E3F4C8 auf #9DBDB0 | 1.74:1 | Nicht bestanden | Lc -32.7 |
| #E3F4C8 auf #DDB4BB | 1.59:1 | Nicht bestanden | Lc -27.8 |
| #C5E8F0 auf #9DBDB0 | 1.56:1 | Nicht bestanden | Lc -25.1 |
Farbsehen
3 Farbpaare kommen in mindestens einer Simulation auf ΔE 0.06 aneinander heran.
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Im Code verwenden
Installiere diese Farben mit shadcn als Tailwind-CSS-v4-Theme-Farben: npx shadcn@latest add https://getcolors.so/r/palette/9dbdb0-ddb4bb-dccbf0-c5e8f0-e3f4c8.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.