Maple Harvest Farbpalette

Maple Harvest ist eine Palette aus 6 Farben, die auf Brauntöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 25 % (#3B1300, sehr dunkel) bis 95 % (#FFE9DB, sehr hell), und die gesättigtste Farbe, #D4783C, ist mäßig gesättigt. 6 ihrer 6 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 6 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit herbst, warm, monochrom, farbverlauf und orange.

HerbstWarmMonochromFarbverlaufOrange

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #3B1300 rgb(59, 19, 0) hsl(19, 100%, 12%) oklch(24.8% 0.07 45.3)
Maroon #662900 rgb(102, 41, 0) hsl(24, 100%, 20%) oklch(36.3% 0.1 47.4)
Sinopia #A64D09 rgb(166, 77, 9) hsl(26, 90%, 34%) oklch(52.5% 0.136 49.4)
Burnt Sienna #D4783C rgb(212, 120, 60) hsl(24, 64%, 53%) oklch(66.4% 0.137 51.3)
Sandy Brown #F8A774 rgb(248, 167, 116) hsl(23, 90%, 71%) oklch(79.7% 0.117 52.5)
Apricot #FFE9DB rgb(255, 233, 219) hsl(23, 100%, 93%) oklch(94.8% 0.031 54.7)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#FFE9DB auf #3B1300 14.02:1 AAA Lc -93.7
#FFE9DB auf #662900 9.53:1 AAA Lc -87.2
#3B1300 auf #F8A774 8.42:1 AAA Lc 63.5

Farbsehen

Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe 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/3b1300-662900-a64d09-d4783c-f8a774-ffe9db.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