Hergestellt in 11/10/2025 09:52
Dark Matter UI Kit
- Void Black#111827
- Stellar White#f4f4f4
- Cosmic Blue#3498db
- Nebula Pink#e91e63
- Gravitational Grey#9e9e9e
- Singularity Green#2ecc71
- Quantum Purple#8e44ad
Die Palette besteht aus Dunkel, Licht, Halbdunkel-Farben. Akzentfarben Cosmic Blue #3498db und Nebula Pink #e91e63. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #111827 (dunkelstes) bis #F4F4F4 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
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): #111827, #2ECC71, #3498DB, #8E44AD, #9E9E9E, #E91E63, #F4F4F4
Die Palette Dark Matter UI Kit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #111827, RGB: (17, 24, 39); VERHEXEN: #f4f4f4, RGB: (244, 244, 244); VERHEXEN: #3498db, RGB: (52, 152, 219)
VERHEXEN: #e91e63, RGB: (233, 30, 99); VERHEXEN: #9e9e9e, RGB: (158, 158, 158); VERHEXEN: #2ecc71, RGB: (46, 204, 113)
VERHEXEN: #8e44ad, RGB: (142, 68, 173)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Farbton von whitesmoke, Schatten von dodgerblue, Schatten von crimson, Farbton von darkgrey, Schatten von mediumseagreen, Schatten von darkorchid
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Dark Matter UI Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #111827 | #111827 | RGB(17, 24, 39) | Void Black | — |
| #f4f4f4 | #f4f4f4 | RGB(244, 244, 244) | Stellar White | — |
| #3498db | #3498db | RGB(52, 152, 219) | Cosmic Blue | — |
| #e91e63 | #e91e63 | RGB(233, 30, 99) | Nebula Pink | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Gravitational Grey | Gray62 |
| #2ecc71 | #2ecc71 | RGB(46, 204, 113) | Singularity Green | — |
| #8e44ad | #8e44ad | RGB(142, 68, 173) | Quantum Purple | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#f4f4f4 | #2ecc71 | 1.91 |
#3498db | #e91e63 | 1.37 |
#3498db | #9e9e9e | 1.17 |
#3498db | #2ecc71 | 1.5 |
#3498db | #8e44ad | 1.86 |
#e91e63 | #9e9e9e | 1.62 |
Bildpalette Dark Matter UI Kit png
Palette exportieren
Laden Sie die "Dark Matter UI Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: