Linen Sanctuary Farbpalette
Linen Sanctuary ist eine Palette aus 5 Farben, die auf Türkis- und Cyantöne, Grüntöne, Gelbtöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 27 % (#002D2F, dunkel) bis 91 % (#CEE4ED, sehr hell), und die gesättigtste Farbe, #A8B18E, ist gedämpft. 2 ihrer 4 chromatischen Farben liegen auf der kühlen Seite des Farbkreises. 3 ihrer 10 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit ruhig, gedämpft, grün, türkis und farbenblind-freundlich.
- Jet #002D2F
- Dim Gray #435A44
- Gray #5E8679
- Muted Teal #A8B18E
- Light Gray #CEE4ED
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #002D2F | rgb(0, 45, 47) | hsl(183, 100%, 9%) | oklch(27% 0.046 199.4) |
| Dim Gray | #435A44 | rgb(67, 90, 68) | hsl(123, 15%, 31%) | oklch(44.2% 0.045 145.9) |
| Gray | #5E8679 | rgb(94, 134, 121) | hsl(161, 18%, 45%) | oklch(58.6% 0.049 172.4) |
| Muted Teal | #A8B18E | rgb(168, 177, 142) | hsl(75, 18%, 63%) | oklch(74.4% 0.05 119.3) |
| Light Gray | #CEE4ED | rgb(206, 228, 237) | hsl(197, 46%, 87%) | oklch(90.5% 0.026 224.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Linen Sanctuary, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #CEE4ED auf #002D2F | 11.26:1 | AAA | Lc -84.4 |
| #002D2F auf #A8B18E | 6.60:1 | AA | Lc 55.0 |
| #CEE4ED auf #435A44 | 5.73:1 | AA | Lc -71.2 |
Farbsehen
Kein Farbpaar kommt bei Protanopie, Deuteranopie, Tritanopie oder Achromatopsie auf ΔE 0.06 an eine andere Farbe heran. Sie ist als farbenblind-freundlich getaggt: Jedes Paar bleibt mindestens ΔE 0,14 auseinander.
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/002d2f-435a44-5e8679-a8b18e-cee4ed.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.