Almanac Wallpaper Farbpalette

Almanac Wallpaper ist eine Palette aus 6 Farben, die auf Rottöne, Brauntöne, Orangetöne und Gelbtöne aufbaut. In OKLCH reicht die Helligkeit von 26 % (#3C1810, dunkel) bis 89 % (#E6DC9B, hell), und die gesättigtste Farbe, #8A5A31, ist mäßig gesättigt. 6 ihrer 6 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 5 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit vintage, warm, farbverlauf, braun und gelb.

VintageWarmFarbverlaufBraunGelb

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #3C1810 rgb(60, 24, 16) hsl(11, 58%, 15%) oklch(26.1% 0.059 33.9)
Maroon #683418 rgb(104, 52, 24) hsl(21, 63%, 25%) oklch(38.7% 0.085 46.9)
Dark Moss Green #8A5A31 rgb(138, 90, 49) hsl(28, 48%, 37%) oklch(51.2% 0.085 59.7)
Tiger's Eye #AA834F rgb(170, 131, 79) hsl(34, 37%, 49%) oklch(63.6% 0.084 73.3)
Earth Yellow #C9AF73 rgb(201, 175, 115) hsl(42, 44%, 62%) oklch(76.3% 0.084 87)
Vanilla #E6DC9B rgb(230, 220, 155) hsl(52, 60%, 75%) oklch(88.7% 0.084 100.5)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#E6DC9B auf #3C1810 11.33:1 AAA Lc -81.7
#3C1810 auf #C9AF73 7.41:1 AAA Lc 58.6
#E6DC9B auf #683418 7.20:1 AAA Lc -73.6

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/3c1810-683418-8a5a31-aa834f-c9af73-e6dc9b.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