Sorbet Shelf Farbpalette
Sorbet Shelf ist eine Palette aus 5 Farben, die auf Rosatöne, Orangetöne, Grüntöne, Blautöne und Violetttöne aufbaut. In OKLCH reicht die Helligkeit von 87 % (#DCCBEE, hell) bis 92 % (#F9E2B6, sehr hell), und die gesättigtste Farbe, #F9E2B6, ist gedämpft. 2 ihrer 5 chromatischen Farben liegen auf der warmen 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, sommer und essen.
- Mimi Pink #F6C9C4
- Lemon Meringue #F9E2B6
- Tea Green #CDE8C9
- Light Sky Blue #C3D9F2
- Cadet Gray #DCCBEE
Farbcodes
| Farbe | 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) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Sorbet Shelf, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #F9E2B6 auf #DCCBEE | 1.20:1 | Nicht bestanden | Lc -10.2 |
| #F9E2B6 auf #F6C9C4 | 1.18:1 | Nicht bestanden | Lc -9.0 |
| #CDE8C9 auf #DCCBEE | 1.16:1 | Nicht bestanden | Lc -7.7 |
Farbsehen
8 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/f6c9c4-f9e2b6-cde8c9-c3d9f2-dccbee.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.