Hergestellt in 08/11/2025 09:49
Responsive Layout UI Kit
- Breakpoint Blue#2196f3
- Gridline Gray#9e9e9e
- Flexbox Yellow#ffd54f
- Container White#fafafa
- Sticky Header Navy#1a237e
- Media Query Mint#80cbc4
- Overflow Red#f44336
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Breakpoint Blue #2196f3 und Flexbox Yellow #ffd54f. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1A237E (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 kalten Seite.
HEX-Codes (sortiert): #1A237E, #2196F3, #80CBC4, #9E9E9E, #F44336, #FAFAFA, #FFD54F
Die Palette Responsive Layout UI Kit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #2196f3, RGB: (33, 150, 243); VERHEXEN: #9e9e9e, RGB: (158, 158, 158); VERHEXEN: #ffd54f, RGB: (255, 213, 79)
VERHEXEN: #fafafa, RGB: (250, 250, 250); VERHEXEN: #1a237e, RGB: (26, 35, 126); VERHEXEN: #80cbc4, RGB: (128, 203, 196)
VERHEXEN: #f44336, RGB: (244, 67, 54)
Vereinfachte Version der Palettenfarben
Schatten von dodgerblue, Farbton von darkgrey, Schatten von gold, Schatten von whitesmoke, Schatten von midnightblue, Schatten von mediumturquoise, Farbton von tomato
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
Responsive Layout UI Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | Breakpoint Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Gridline Gray | Gray62 |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Flexbox Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Container White | Dr. White |
| #1a237e | #1a237e | RGB(26, 35, 126) | Sticky Header Navy | — |
| #80cbc4 | #80cbc4 | RGB(128, 203, 196) | Media Query Mint | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Overflow Red | — |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#2196f3 | #9e9e9e | 1.16 |
#2196f3 | #80cbc4 | 1.67 |
#2196f3 | #f44336 | 1.17 |
#9e9e9e | #ffd54f | 1.89 |
#9e9e9e | #80cbc4 | 1.43 |
#9e9e9e | #f44336 | 1.37 |
Bildpalette Responsive Layout UI Kit png
Palette exportieren
Laden Sie die "Responsive Layout UI Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: