Last Tram Home Farbpalette
Last Tram Home ist eine Palette aus 5 Farben, die auf Violetttöne, Rosatöne, Türkis- und Cyantöne und Gelbtöne aufbaut. In OKLCH reicht die Helligkeit von 19 % (#111024, sehr dunkel) bis 93 % (#E9F53B, sehr hell), und die gesättigtste Farbe, #D2269E, ist leuchtend. 2 ihrer 5 chromatischen Farben liegen auf der kühlen 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 neon, dunkel, kräftig und violett.
- Rich Black #111024
- Prussian Blue #3A1C71
- Neon Pink #D2269E
- Vivid Sky Blue #18C3C9
- Yellow #E9F53B
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #111024 | rgb(17, 16, 36) | hsl(243, 38%, 10%) | oklch(18.6% 0.04 284.1) |
| Prussian Blue | #3A1C71 | rgb(58, 28, 113) | hsl(261, 60%, 28%) | oklch(32.4% 0.137 293.4) |
| Neon Pink | #D2269E | rgb(210, 38, 158) | hsl(318, 69%, 49%) | oklch(59.1% 0.23 344.1) |
| Vivid Sky Blue | #18C3C9 | rgb(24, 195, 201) | hsl(182, 79%, 44%) | oklch(74.3% 0.123 198.9) |
| Yellow | #E9F53B | rgb(233, 245, 59) | hsl(64, 90%, 60%) | oklch(93.1% 0.193 113.4) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Last Tram Home, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #E9F53B auf #111024 | 15.66:1 | AAA | Lc -94.3 |
| #E9F53B auf #3A1C71 | 11.10:1 | AAA | Lc -89.4 |
| #111024 auf #18C3C9 | 8.62:1 | AAA | Lc 61.1 |
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/111024-3a1c71-d2269e-18c3c9-e9f53b.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.