Wine and Burgundy Farbpalette
Wine and Burgundy ist eine Palette aus 5 Farben, die auf Neutraltöne, Rottöne, Brauntöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 8 % (#030102, sehr dunkel) bis 86 % (#F2CC8F, hell), und die gesättigtste Farbe, #B5475A, ist leuchtend. 4 ihrer 4 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 3 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit warm und rot.
- Black #030102
- Onyx #5C2A3E
- Sinopia #B5475A
- Tiger's Eye #B65D38
- Vanilla #F2CC8F
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Black | #030102 | rgb(3, 1, 2) | hsl(330, 50%, 1%) | oklch(7.9% 0.013 345) |
| Onyx | #5C2A3E | rgb(92, 42, 62) | hsl(336, 37%, 26%) | oklch(36% 0.077 356.4) |
| Sinopia | #B5475A | rgb(181, 71, 90) | hsl(350, 44%, 49%) | oklch(55% 0.143 12.6) |
| Tiger's Eye | #B65D38 | rgb(182, 93, 56) | hsl(18, 53%, 47%) | oklch(57.8% 0.126 42.4) |
| Vanilla | #F2CC8F | rgb(242, 204, 143) | hsl(37, 79%, 75%) | oklch(86.4% 0.089 79) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Wine and Burgundy, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #030102 auf #F2CC8F | 13.68:1 | AAA | Lc 79.6 |
| #F2CC8F auf #5C2A3E | 7.44:1 | AAA | Lc -70.7 |
| #030102 auf #B65D38 | 4.57:1 | AA | Lc 32.9 |
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/030102-5c2a3e-b5475a-b65d38-f2cc8f.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.