Sherbet Treat Farbpalette
Sherbet Treat ist eine Palette aus 4 Farben, die auf Türkis- und Cyantöne, Rosatöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 69 % (#82A1A9, mittelhell) bis 96 % (#DEF6FB, sehr hell), und die gesättigtste Farbe, #F6C3BB, ist gedämpft. 2 ihrer 3 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 0 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit pastell, hell, rosa und türkis.
- Cool Gray #82A1A9
- Light Cornflower Blue #8EC5D2
- Mimi Pink #F6C3BB
- Light Cyan #DEF6FB
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Cool Gray | #82A1A9 | rgb(130, 161, 169) | hsl(192, 18%, 59%) | oklch(68.8% 0.036 215.2) |
| Light Cornflower Blue | #8EC5D2 | rgb(142, 197, 210) | hsl(191, 43%, 69%) | oklch(79% 0.06 214) |
| Mimi Pink | #F6C3BB | rgb(246, 195, 187) | hsl(8, 77%, 85%) | oklch(86% 0.06 28.6) |
| Light Cyan | #DEF6FB | rgb(222, 246, 251) | hsl(190, 78%, 93%) | oklch(95.7% 0.026 211.6) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Sherbet Treat, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #DEF6FB auf #82A1A9 | 2.45:1 | Nicht bestanden | Lc -49.6 |
| #F6C3BB auf #82A1A9 | 1.76:1 | Nicht bestanden | Lc -28.0 |
| #DEF6FB auf #8EC5D2 | 1.69:1 | Nicht bestanden | Lc -31.5 |
Farbsehen
1 Farbpaar kommt 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/82a1a9-8ec5d2-f6c3bb-def6fb.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.