Noir and Obsidian Farbpalette

Noir and Obsidian ist eine Palette aus 4 Farben, die auf Brauntöne und Gelbtöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#261500, sehr dunkel) bis 89 % (#E8DC9F, hell), und die gesättigtste Farbe, #742F00, ist mäßig gesättigt. 3 ihrer 4 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit luxus, dunkel, braun, warm und erdig.

LuxusDunkelBraunWarmErdig

Farbcodes

FarbeHEXRGBHSLOKLCH
Jet #261500 rgb(38, 21, 0) hsl(33, 100%, 7%) oklch(21.4% 0.046 71.8)
Pakistan Green #29350B rgb(41, 53, 11) hsl(77, 66%, 13%) oklch(30.8% 0.065 124)
Maroon #742F00 rgb(116, 47, 0) hsl(24, 100%, 23%) oklch(39.6% 0.11 46.9)
Vanilla #E8DC9F rgb(232, 220, 159) hsl(50, 61%, 77%) oklch(89% 0.08 98.3)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#E8DC9F auf #261500 12.75:1 AAA Lc -83.5
#E8DC9F auf #29350B 9.43:1 AAA Lc -79.4
#E8DC9F auf #742F00 7.06:1 AAA Lc -73.2

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/261500-29350b-742f00-e8dc9f.json.

Mach sie zu deiner

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

Farbverläufe aus diesen Farben