Hergestellt in 06/20/2025 16:59
Reactive Frontend Layout Builder
- DOM Cyan#20d3c2
- Grid Gray#dadada
- Render Blush#ffadad
- Transition Night#1b1c22
- State Lilac#b8b3e9
- Align White#ffffff
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben DOM Cyan #20d3c2 und Render Blush #ffadad. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1B1C22 (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): #1B1C22, #20D3C2, #B8B3E9, #DADADA, #FFADAD, #FFFFFF
Die Palette Reactive Frontend Layout Builder enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #20d3c2, RGB: (32, 211, 194); VERHEXEN: #dadada, RGB: (218, 218, 218); VERHEXEN: #ffadad, RGB: (255, 173, 173)
VERHEXEN: #1b1c22, RGB: (27, 28, 34); VERHEXEN: #b8b3e9, RGB: (184, 179, 233); VERHEXEN: #ffffff, RGB: (255, 255, 255)
Vereinfachte Version der Palettenfarben
Farbton von turquoise, Farbton von gainsboro, Farbton von lightpink, Schatten von Schwarz, Farbton von lightsteelblue, Weiss
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Reactive Frontend Layout Builder Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #20d3c2 | #20d3c2 | RGB(32, 211, 194) | DOM Cyan | — |
| #dadada | #dadada | RGB(218, 218, 218) | Grid Gray | — |
| #ffadad | #ffadad | RGB(255, 173, 173) | Render Blush | — |
| #1b1c22 | #1b1c22 | RGB(27, 28, 34) | Transition Night | — |
| #b8b3e9 | #b8b3e9 | RGB(184, 179, 233) | State Lilac | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Align White | White |
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 |
|---|---|---|
#20d3c2 | #dadada | 1.34 |
#20d3c2 | #ffadad | 1.06 |
#20d3c2 | #b8b3e9 | 1.04 |
#20d3c2 | #ffffff | 1.88 |
#dadada | #ffadad | 1.26 |
#dadada | #b8b3e9 | 1.4 |
Bildpalette Reactive Frontend Layout Builder png
Palette exportieren
Laden Sie die "Reactive Frontend Layout Builder" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate:
