Hergestellt in 06/20/2025 07:41
Next-Gen SaaS UI Matrix
- Usermode Cyan#66fff9
- Sync Ink#292c34
- Auth Pink#ffd2e1
- Panel Bone#f8f5f1
- Admin Violet#8e7cff
- Metric Green#7ed957
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Usermode Cyan #66fff9 und Auth Pink #ffd2e1. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #292C34 (dunkelstes) bis #F8F5F1 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #292C34, #66FFF9, #7ED957, #8E7CFF, #F8F5F1, #FFD2E1
Die Palette Next-Gen SaaS UI Matrix enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #66fff9, RGB: (102, 255, 249); VERHEXEN: #292c34, RGB: (41, 44, 52); VERHEXEN: #ffd2e1, RGB: (255, 210, 225)
VERHEXEN: #f8f5f1, RGB: (248, 245, 241); VERHEXEN: #8e7cff, RGB: (142, 124, 255); VERHEXEN: #7ed957, RGB: (126, 217, 87)
Vereinfachte Version der Palettenfarben
Schatten von cyan, Schatten von Schwarz, Schatten von Rosa, Schatten von whitesmoke, Schatten von mediumslateblue, Schatten von limegreen
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Next-Gen SaaS UI Matrix Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #66fff9 | #66fff9 | RGB(102, 255, 249) | Usermode Cyan | — |
| #292c34 | #292c34 | RGB(41, 44, 52) | Sync Ink | — |
| #ffd2e1 | #ffd2e1 | RGB(255, 210, 225) | Auth Pink | — |
| #f8f5f1 | #f8f5f1 | RGB(248, 245, 241) | Panel Bone | — |
| #8e7cff | #8e7cff | RGB(142, 124, 255) | Admin Violet | — |
| #7ed957 | #7ed957 | RGB(126, 217, 87) | Metric Green | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#66fff9 | #ffd2e1 | 1.1 |
#66fff9 | #f8f5f1 | 1.12 |
#66fff9 | #7ed957 | 1.44 |
#ffd2e1 | #f8f5f1 | 1.24 |
#ffd2e1 | #7ed957 | 1.3 |
#f8f5f1 | #7ed957 | 1.61 |
Bildpalette Next-Gen SaaS UI Matrix png
Palette exportieren
Laden Sie die "Next-Gen SaaS UI Matrix" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: