Hergestellt in 07/08/2025 08:26
Webflow Neural Grid System
- Flow Pink#ff5e84
- Semantic Gold#ffc857
- Pixel Fog#f6f6f9
- UX Graphite#2d3142
- Canvas Lilac#b9aff9
- Grid White#ffffff
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Semantic Gold #ffc857 und Canvas Lilac #b9aff9. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #2D3142 (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).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #2D3142, #B9AFF9, #F6F6F9, #FF5E84, #FFC857, #FFFFFF
Die Palette Webflow Neural Grid System enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ff5e84, RGB: (255, 94, 132); VERHEXEN: #ffc857, RGB: (255, 200, 87); VERHEXEN: #f6f6f9, RGB: (246, 246, 249)
VERHEXEN: #2d3142, RGB: (45, 49, 66); VERHEXEN: #b9aff9, RGB: (185, 175, 249); VERHEXEN: #ffffff, RGB: (255, 255, 255)
Vereinfachte Version der Palettenfarben
Farbton von palevioletred, Schatten von gold, Schatten von whitesmoke, Farbton von darkslateblue, Farbton von lightsteelblue, Weiss
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Webflow Neural Grid System Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ff5e84 | #ff5e84 | RGB(255, 94, 132) | Flow Pink | — |
| #ffc857 | #ffc857 | RGB(255, 200, 87) | Semantic Gold | — |
| #f6f6f9 | #f6f6f9 | RGB(246, 246, 249) | Pixel Fog | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | UX Graphite | — |
| #b9aff9 | #b9aff9 | RGB(185, 175, 249) | Canvas Lilac | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Grid White | White |
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 |
#ff5e84 | #ffc857 | 1.89 |
#ff5e84 | #b9aff9 | 1.46 |
#ffc857 | #f6f6f9 | 1.42 |
#ffc857 | #b9aff9 | 1.29 |
#ffc857 | #ffffff | 1.53 |
#f6f6f9 | #b9aff9 | 1.84 |
Bildpalette Webflow Neural Grid System png
Palette exportieren
Laden Sie die "Webflow Neural Grid System" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: