Jack Feast Farbpalette
Jack Feast ist eine Palette aus 5 Farben, die auf Violetttöne, Rottöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#200D30, sehr dunkel) bis 92 % (#F4E3C3, sehr hell), und die gesättigtste Farbe, #E4570E, ist leuchtend. 3 ihrer 5 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 4 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit halloween, rot, warm und farbenblind-freundlich.
- Rich Black #200D30
- Prussian Blue #4B2A6B
- Maroon #90001A
- Orange Pant #E4570E
- Champagne #F4E3C3
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #200D30 | rgb(32, 13, 48) | hsl(273, 57%, 12%) | oklch(20.9% 0.068 306.4) |
| Prussian Blue | #4B2A6B | rgb(75, 42, 107) | hsl(270, 44%, 29%) | oklch(36% 0.111 304.9) |
| Maroon | #90001A | rgb(144, 0, 26) | hsl(349, 100%, 28%) | oklch(41.2% 0.166 23) |
| Orange Pant | #E4570E | rgb(228, 87, 14) | hsl(20, 88%, 47%) | oklch(63.5% 0.189 41.4) |
| Champagne | #F4E3C3 | rgb(244, 227, 195) | hsl(39, 69%, 86%) | oklch(92.1% 0.046 83.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Jack Feast, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #F4E3C3 auf #200D30 | 14.31:1 | AAA | Lc -89.8 |
| #F4E3C3 auf #4B2A6B | 9.02:1 | AAA | Lc -82.7 |
| #F4E3C3 auf #90001A | 7.55:1 | AAA | Lc -77.1 |
Farbsehen
1 Farbpaar kommt in mindestens einer Simulation auf ΔE 0.06 aneinander 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/200d30-4b2a6b-90001a-e4570e-f4e3c3.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.