Spruce Evening Farbpalette
Spruce Evening ist eine Palette aus 5 Farben, die auf Rottöne, Türkis- und Cyantöne, Grüntöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 31 % (#58161B, dunkel) bis 99 % (#EFFFF4, sehr hell), und die gesättigtste Farbe, #B0413E, ist leuchtend. 2 ihrer 4 chromatischen Farben liegen auf der warmen Seite des Farbkreises. 4 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit winter, weihnachten, rot und warm.
- Maroon #58161B
- Charcoal #235347
- Sinopia #B0413E
- Muted Teal #8EB69B
- Honeydew #EFFFF4
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Maroon | #58161B | rgb(88, 22, 27) | hsl(355, 60%, 22%) | oklch(31.3% 0.096 20.6) |
| Charcoal | #235347 | rgb(35, 83, 71) | hsl(165, 41%, 23%) | oklch(40.5% 0.056 174.6) |
| Sinopia | #B0413E | rgb(176, 65, 62) | hsl(2, 48%, 47%) | oklch(52.9% 0.146 25) |
| Muted Teal | #8EB69B | rgb(142, 182, 155) | hsl(139, 22%, 64%) | oklch(73.9% 0.058 155.2) |
| Honeydew | #EFFFF4 | rgb(239, 255, 244) | hsl(139, 100%, 97%) | oklch(98.5% 0.022 155.9) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Spruce Evening, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #EFFFF4 auf #58161B | 13.12:1 | AAA | Lc -99.9 |
| #EFFFF4 auf #235347 | 8.45:1 | AAA | Lc -91.6 |
| #58161B auf #8EB69B | 6.03:1 | AA | Lc 52.8 |
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/58161b-235347-b0413e-8eb69b-effff4.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.