Dune Weekend Farbpalette
Dune Weekend ist eine Palette aus 4 Farben, die auf Blautöne, Türkis- und Cyantöne, Orangetöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 23 % (#091E2C, sehr dunkel) bis 94 % (#F3EBDD, sehr hell), und die gesättigtste Farbe, #D9895B, ist mäßig gesättigt. 2 ihrer 3 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit ozean, sommer, orange, blau, gedämpft und farbenblind-freundlich.
- Rich Black #091E2C
- Dark Cyan #24586B
- Burnt Sienna #D9895B
- Champagne #F3EBDD
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #091E2C | rgb(9, 30, 44) | hsl(204, 66%, 10%) | oklch(22.6% 0.038 240.6) |
| Dark Cyan | #24586B | rgb(36, 88, 107) | hsl(196, 50%, 28%) | oklch(43.4% 0.063 225.2) |
| Burnt Sienna | #D9895B | rgb(217, 137, 91) | hsl(22, 62%, 60%) | oklch(70.4% 0.116 49.9) |
| Champagne | #F3EBDD | rgb(243, 235, 221) | hsl(38, 48%, 91%) | oklch(94.3% 0.021 81.8) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Dune Weekend, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #F3EBDD auf #091E2C | 14.38:1 | AAA | Lc -93.6 |
| #F3EBDD auf #24586B | 6.61:1 | AA | Lc -79.2 |
| #091E2C auf #D9895B | 6.22:1 | AA | Lc 49.1 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.
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/091e2c-24586b-d9895b-f3ebdd.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.