Umber Workshop Farbpalette

Umber Workshop ist eine Palette aus 6 Farben, die auf Grüntöne, Brauntöne, Rottöne, Orangetöne, Gelbtöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 34 % (#233F20, dunkel) bis 97 % (#FFF2EB, sehr hell), und die gesättigtste Farbe, #233F20, ist gedämpft. 3 ihrer 5 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 3 ihrer 15 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit erdig, gedämpft, grün, warm und ruhig.

ErdigGedämpftGrünWarmRuhig

Farbcodes

FarbeHEXRGBHSLOKLCH
Pakistan Green #233F20 rgb(35, 63, 32) hsl(114, 33%, 19%) oklch(33.6% 0.063 142)
Dark Moss Green #565E3A rgb(86, 94, 58) hsl(73, 24%, 30%) oklch(46.5% 0.055 118.8)
Gray #8D7370 rgb(141, 115, 112) hsl(6, 11%, 50%) oklch(58% 0.033 25.8)
Pewter #B49775 rgb(180, 151, 117) hsl(32, 30%, 58%) oklch(69.4% 0.058 71.1)
Pale Oak #D4CBAC rgb(212, 203, 172) hsl(46, 32%, 75%) oklch(84.1% 0.043 93.7)
Seashell #FFF2EB rgb(255, 242, 235) hsl(21, 100%, 96%) oklch(96.9% 0.017 50.4)

Barrierefreiheit

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

PaarWCAG 2StufeAPCA Lc
#FFF2EB auf #233F20 10.62:1 AAA Lc -93.3
#D4CBAC auf #233F20 7.17:1 AAA Lc -67.5
#FFF2EB auf #565E3A 6.26:1 AA Lc -81.7

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/233f20-565e3a-8d7370-b49775-d4cbac-fff2eb.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