Foxglove Notes Farbpalette
Foxglove Notes ist eine Palette aus 5 Farben, die auf Grüntöne, Brauntöne, Gelbtöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 29 % (#25301F, dunkel) bis 98 % (#FFFAE9, sehr hell), und die gesättigtste Farbe, #9A6B43, ist mäßig gesättigt. 3 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 wald, erdig, braun, gelb und gedämpft.
- Pakistan Green #25301F
- Onyx #504032
- Tiger's Eye #9A6B43
- Pale Oak #D4C9A0
- Cornsilk #FFFAE9
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Pakistan Green | #25301F | rgb(37, 48, 31) | hsl(99, 22%, 15%) | oklch(29.3% 0.033 134.8) |
| Onyx | #504032 | rgb(80, 64, 50) | hsl(28, 23%, 25%) | oklch(38.4% 0.032 62.8) |
| Tiger's Eye | #9A6B43 | rgb(154, 107, 67) | hsl(28, 39%, 43%) | oklch(56.8% 0.082 60.5) |
| Pale Oak | #D4C9A0 | rgb(212, 201, 160) | hsl(47, 38%, 73%) | oklch(83.5% 0.056 94.8) |
| Cornsilk | #FFFAE9 | rgb(255, 250, 233) | hsl(46, 100%, 96%) | oklch(98.4% 0.023 93.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Foxglove Notes, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #FFFAE9 auf #25301F | 13.21:1 | AAA | Lc -100.1 |
| #FFFAE9 auf #504032 | 9.48:1 | AAA | Lc -93.7 |
| #D4C9A0 auf #25301F | 8.32:1 | AAA | Lc -69.4 |
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/25301f-504032-9a6b43-d4c9a0-fffae9.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.