Glitch and Grid Farbpalette
Glitch and Grid ist eine Palette aus 5 Farben, die auf Grüntöne, Blautöne, Türkis- und Cyantöne und Rosatöne aufbaut. In OKLCH reicht die Helligkeit von 26 % (#0E2A1F, dunkel) bis 97 % (#D7FFE8, sehr hell), und die gesättigtste Farbe, #615CE4, 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 technik, neon, violett und kalt.
- Jet #0E2A1F
- Neon Blue #615CE4
- Vivid Sky Blue #00B8D9
- Sweet Salmon #FF86A7
- Light Cyan #D7FFE8
Farbcodes
| Farbe | HEX | RGB | HSL | OKLCH |
|---|---|---|---|---|
| Jet | #0E2A1F | rgb(14, 42, 31) | hsl(156, 50%, 11%) | oklch(25.9% 0.04 165.1) |
| Neon Blue | #615CE4 | rgb(97, 92, 228) | hsl(242, 72%, 63%) | oklch(55.7% 0.2 279.3) |
| Vivid Sky Blue | #00B8D9 | rgb(0, 184, 217) | hsl(189, 100%, 43%) | oklch(72.1% 0.129 216.8) |
| Sweet Salmon | #FF86A7 | rgb(255, 134, 167) | hsl(344, 100%, 76%) | oklch(76.3% 0.15 3.9) |
| Light Cyan | #D7FFE8 | rgb(215, 255, 232) | hsl(145, 100%, 92%) | oklch(96.6% 0.051 160.1) |
Barrierefreiheit
Die besten Text-Hintergrund-Paare in Glitch and Grid, nach WCAG-2-Kontrastverhältnis, mit dem APCA-Helligkeitskontrast (Lc) des Textes auf seinem Hintergrund.
| Paar | WCAG 2 | Stufe | APCA Lc |
|---|---|---|---|
| #D7FFE8 auf #0E2A1F | 14.13:1 | AAA | Lc -98.7 |
| #0E2A1F auf #FF86A7 | 6.73:1 | AA | Lc 55.6 |
| #0E2A1F auf #00B8D9 | 6.47:1 | AA | Lc 54.0 |
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/0e2a1f-615ce4-00b8d9-ff86a7-d7ffe8.json.
Mach sie zu deiner
Bearbeite die Farben, baue daraus ein vollständiges helles und dunkles Farbsystem oder sieh sie in echter UI.