Ginger Bazaar Farbpalette

Ginger Bazaar ist eine Palette aus 5 Farben, die auf Brauntöne, Grüntöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 27 % (#3A1F12, dunkel) bis 95 % (#FBEFD5, sehr hell), und die gesättigtste Farbe, #E0701A, ist leuchtend. 4 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 essen, warm, orange und farbenblind-freundlich.

EssenWarmOrangeFarbenblind-freundlich

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #3A1F12 rgb(58, 31, 18) hsl(20, 53%, 15%) oklch(27.2% 0.048 45.9)
Dark Moss Green #3B5800 rgb(59, 88, 0) hsl(80, 100%, 17%) oklch(42.1% 0.111 128.3)
Burnt Sienna #E0701A rgb(224, 112, 26) hsl(26, 79%, 49%) oklch(66.5% 0.165 51)
Saffron #ECB85F rgb(236, 184, 95) hsl(38, 79%, 65%) oklch(81.2% 0.122 79)
Champagne #FBEFD5 rgb(251, 239, 213) hsl(41, 83%, 91%) oklch(95.5% 0.036 86.2)

Barrierefreiheit

Die besten Text-Hintergrund-Paare in Ginger Bazaar, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.

PaarWCAG 2StufeAPCA Lc
#FBEFD5 auf #3A1F12 13.30:1 AAA Lc -94.8
#3A1F12 auf #ECB85F 8.37:1 AAA Lc 66.1
#FBEFD5 auf #3B5800 7.13:1 AAA Lc -82.7

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/3a1f12-3b5800-e0701a-ecb85f-fbefd5.json.

Mach sie zu deiner

Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.

Im Generator öffnen Farbsystem erstellen Visualisieren

Farbverläufe aus diesen Farben