Hemp Wall Farbpalette
Hemp Wall ist eine Palette aus 5 Farben, die auf Neutraltöne, Brauntöne, Grüntöne und Orangetöne aufbaut. In OKLCH reicht die Helligkeit von 32 % (#3E2F26, dunkel) bis 83 % (#D8C4A3, hell), und die gesättigtste Farbe, #9A7656, ist gedämpft. 3 ihrer 4 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 1 ihrer 10 Farbpaare erreicht das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit erdig, gedämpft, orange, warm und ruhig.
- Onyx #3E2F26
- Dim Gray #6B4F3A
- Dark Moss Green #5E6B4B
- Gray #9A7656
- Pale Oak #D8C4A3
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Onyx | #3E2F26 | rgb(62, 47, 38) | hsl(23, 24%, 20%) | oklch(31.9% 0.027 52.4) |
| Dim Gray | #6B4F3A | rgb(107, 79, 58) | hsl(26, 30%, 32%) | oklch(45.2% 0.05 58) |
| Dark Moss Green | #5E6B4B | rgb(94, 107, 75) | hsl(84, 18%, 36%) | oklch(50.8% 0.051 126.1) |
| Gray | #9A7656 | rgb(154, 118, 86) | hsl(28, 28%, 47%) | oklch(59.3% 0.064 62.7) |
| Pale Oak | #D8C4A3 | rgb(216, 196, 163) | hsl(37, 40%, 74%) | oklch(82.9% 0.05 80.2) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Hemp Wall, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #D8C4A3 auf #3E2F26 | 7.53:1 | AAA | Lc -66.7 |
| #D8C4A3 auf #6B4F3A | 4.40:1 | AA groß | Lc -55.3 |
| #D8C4A3 auf #5E6B4B | 3.35:1 | AA groß | Lc -48.3 |
Farbsehen
2 Farbpaare kommen 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/3e2f26-6b4f3a-5e6b4b-9a7656-d8c4a3.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.