Hergestellt in 08/13/2025 05:56
Dark Mode UI Pattern Architect
- Pattern Teal#00bfa5
- Contrast Red#ff1744
- Typography White#fafafa
- Panel Grey#616161
- Highlight Yellow#ffd600
- Menu Black#121212
- Accent Blue#2979ff
- Focus Pink#ff80ab
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben Pattern Teal #00bfa5 und Highlight Yellow #ffd600. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #121212 (dunkelstes) bis #FAFAFA (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 warmen Seite.
HEX-Codes (sortiert): #00BFA5, #121212, #2979FF, #616161, #FAFAFA, #FF1744, #FF80AB, #FFD600
Die Palette Dark Mode UI Pattern Architect enthält eine Kombination aus 8-Codefarben:
VERHEXEN: #00bfa5, RGB: (0, 191, 165); VERHEXEN: #ff1744, RGB: (255, 23, 68); VERHEXEN: #fafafa, RGB: (250, 250, 250)
VERHEXEN: #616161, RGB: (97, 97, 97); VERHEXEN: #ffd600, RGB: (255, 214, 0); VERHEXEN: #121212, RGB: (18, 18, 18)
VERHEXEN: #2979ff, RGB: (41, 121, 255); VERHEXEN: #ff80ab, RGB: (255, 128, 171)
Vereinfachte Version der Palettenfarben
Farbton von lightseagreen, Schatten von crimson, Schatten von whitesmoke, Farbton von dimgrey, Farbton von gold, Schatten von Schwarz, Schatten von royalblue, Schatten von hotpink
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Dark Mode UI Pattern Architect Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #00bfa5 | #00bfa5 | RGB(0, 191, 165) | Pattern Teal | — |
| #ff1744 | #ff1744 | RGB(255, 23, 68) | Contrast Red | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Typography White | Dr. White |
| #616161 | #616161 | RGB(97, 97, 97) | Panel Grey | Gray38 |
| #ffd600 | #ffd600 | RGB(255, 214, 0) | Highlight Yellow | — |
| #121212 | #121212 | RGB(18, 18, 18) | Menu Black | Dark Tone Ink |
| #2979ff | #2979ff | RGB(41, 121, 255) | Accent Blue | — |
| #ff80ab | #ff80ab | RGB(255, 128, 171) | Focus Pink | — |
Farbpalette Kontrast
11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#00bfa5 | #ff1744 | 1.64 |
#00bfa5 | #ffd600 | 1.65 |
#00bfa5 | #2979ff | 1.7 |
#00bfa5 | #ff80ab | 1 |
#ff1744 | #616161 | 1.6 |
#ff1744 | #2979ff | 1.03 |
Bildpalette Dark Mode UI Pattern Architect png
Palette exportieren
Laden Sie die "Dark Mode UI Pattern Architect" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: