Hergestellt in 07/23/2025 08:40
Light/Dark Responsive UI Grid Kit
- Base White#ffffff
- Primary Charcoal#2c2c2c
- Accent Cyan#00f5d4
- Error Red#ef233c
- Info Sky#48cae4
- Card Gray#f2f2f2
Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben Accent Cyan #00f5d4 und Error Red #ef233c. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #2C2C2C (dunkelstes) bis #FFFFFF (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): #00F5D4, #2C2C2C, #48CAE4, #EF233C, #F2F2F2, #FFFFFF
Die Palette Light/Dark Responsive UI Grid Kit enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #2c2c2c, RGB: (44, 44, 44); VERHEXEN: #00f5d4, RGB: (0, 245, 212)
VERHEXEN: #ef233c, RGB: (239, 35, 60); VERHEXEN: #48cae4, RGB: (72, 202, 228); VERHEXEN: #f2f2f2, RGB: (242, 242, 242)
Vereinfachte Version der Palettenfarben
Weiss, Schatten von Schwarz, Farbton von aquamarine, Schatten von crimson, Farbton von skyblue, Farbton von whitesmoke
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Light/Dark Responsive UI Grid Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ffffff | #ffffff | RGB(255, 255, 255) | Base White | White |
| #2c2c2c | #2c2c2c | RGB(44, 44, 44) | Primary Charcoal | — |
| #00f5d4 | #00f5d4 | RGB(0, 245, 212) | Accent Cyan | — |
| #ef233c | #ef233c | RGB(239, 35, 60) | Error Red | — |
| #48cae4 | #48cae4 | RGB(72, 202, 228) | Info Sky | — |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Card Gray | Gray95 |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ffffff | #00f5d4 | 1.39 |
#ffffff | #48cae4 | 1.93 |
#ffffff | #f2f2f2 | 1.11 |
#00f5d4 | #48cae4 | 1.38 |
#00f5d4 | #f2f2f2 | 1.24 |
#48cae4 | #f2f2f2 | 1.72 |
Bildpalette Light/Dark Responsive UI Grid Kit png
Palette exportieren
Laden Sie die "Light/Dark Responsive UI Grid Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: