Violet Skyline Farbpalette
Violet Skyline ist eine Palette aus 4 Farben, die auf Violetttöne, Gelbtöne und Neutraltöne aufbaut. In OKLCH reicht die Helligkeit von 21 % (#220A2F, sehr dunkel) bis 93 % (#EDE2F5, sehr hell), und die gesättigtste Farbe, #512369, ist mäßig gesättigt. Ihre Farben haben zu wenig Chroma, um warm oder kühl zu wirken. 3 ihrer 6 Farbpaare erreichen das WCAG-AA-Verhältnis von 4,5:1 für Fließtext. Sie ist getaggt mit sonnenuntergang, violett und grün.
- Rich Black #220A2F
- Prussian Blue #512369
- Dark Moss Green #425700
- Gainsboro #EDE2F5
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Rich Black | #220A2F | rgb(34, 10, 47) | hsl(279, 65%, 11%) | oklch(20.6% 0.073 311.5) |
| Prussian Blue | #512369 | rgb(81, 35, 105) | hsl(279, 50%, 27%) | oklch(35.6% 0.122 312.1) |
| Dark Moss Green | #425700 | rgb(66, 87, 0) | hsl(74, 100%, 17%) | oklch(42.4% 0.105 124.2) |
| Gainsboro | #EDE2F5 | rgb(237, 226, 245) | hsl(275, 49%, 92%) | oklch(92.7% 0.028 311.3) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Violet Skyline, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #EDE2F5 auf #220A2F | 14.58:1 | AAA | Lc -90.5 |
| #EDE2F5 auf #512369 | 9.36:1 | AAA | Lc -83.7 |
| #EDE2F5 auf #425700 | 6.47:1 | AA | Lc -76.2 |
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/220a2f-512369-425700-ede2f5.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.