Hergestellt in 07/13/2025 17:39
No-Code Builder Interface Colors
- Drag Block Cyan#40e0d0
- Canvas White#ffffff
- Widget Orange#ffa351
- Flow Link Grey#a0a0a0
- Preview Black#1f1f1f
- Template Lavender#cabbe9
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Drag Block Cyan #40e0d0 und Widget Orange #ffa351. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1F1F1F (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): #1F1F1F, #40E0D0, #A0A0A0, #CABBE9, #FFA351, #FFFFFF
Die Palette No-Code Builder Interface Colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #40e0d0, RGB: (64, 224, 208); VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #ffa351, RGB: (255, 163, 81)
VERHEXEN: #a0a0a0, RGB: (160, 160, 160); VERHEXEN: #1f1f1f, RGB: (31, 31, 31); VERHEXEN: #cabbe9, RGB: (202, 187, 233)
Vereinfachte Version der Palettenfarben
Weiss, Schatten von sandybrown, Farbton von darkgrey, Schatten von Schwarz, Farbton von thistle
Farbschema wurde erstellt von coolor
Farbcodes in der Palette
No-Code Builder Interface Colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #40e0d0 | #40e0d0 | RGB(64, 224, 208) | Drag Block Cyan | Fresh Turquoise |
| #ffffff | #ffffff | RGB(255, 255, 255) | Canvas White | White |
| #ffa351 | #ffa351 | RGB(255, 163, 81) | Widget Orange | — |
| #a0a0a0 | #a0a0a0 | RGB(160, 160, 160) | Flow Link Grey | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Preview Black | Gray12 |
| #cabbe9 | #cabbe9 | RGB(202, 187, 233) | Template Lavender | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#40e0d0 | #ffffff | 1.64 |
#40e0d0 | #ffa351 | 1.2 |
#40e0d0 | #a0a0a0 | 1.59 |
#40e0d0 | #cabbe9 | 1.08 |
#ffffff | #ffa351 | 1.97 |
#ffffff | #cabbe9 | 1.78 |
Bildpalette No-Code Builder Interface Colors png
Palette exportieren
Laden Sie die "No-Code Builder Interface Colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: