Hergestellt in 07/22/2025 16:43
Low-Code Dev UI Framework Palette
- Node Blue#3385ff
- Drag Yellow#ffdc5e
- Drop Gray#e1e1e1
- Deploy Green#00c49a
- Workflow Navy#2d3142
- Builder White#fbfbfb
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Drag Yellow #ffdc5e und Deploy Green #00c49a. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #2D3142 (dunkelstes) bis #FBFBFB (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): #00C49A, #2D3142, #3385FF, #E1E1E1, #FBFBFB, #FFDC5E
Die Palette Low-Code Dev UI Framework Palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #3385ff, RGB: (51, 133, 255); VERHEXEN: #ffdc5e, RGB: (255, 220, 94); VERHEXEN: #e1e1e1, RGB: (225, 225, 225)
VERHEXEN: #00c49a, RGB: (0, 196, 154); VERHEXEN: #2d3142, RGB: (45, 49, 66); VERHEXEN: #fbfbfb, RGB: (251, 251, 251)
Vereinfachte Version der Palettenfarben
Farbton von dodgerblue, Schatten von gold, Schatten von gainsboro, Farbton von mediumaquamarine, Farbton von darkslateblue, Farbton von Weiss
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Low-Code Dev UI Framework Palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #3385ff | #3385ff | RGB(51, 133, 255) | Node Blue | — |
| #ffdc5e | #ffdc5e | RGB(255, 220, 94) | Drag Yellow | — |
| #e1e1e1 | #e1e1e1 | RGB(225, 225, 225) | Drop Gray | — |
| #00c49a | #00c49a | RGB(0, 196, 154) | Deploy Green | — |
| #2d3142 | #2d3142 | RGB(45, 49, 66) | Workflow Navy | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Builder White | Whiteout |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#3385ff | #00c49a | 1.57 |
#ffdc5e | #e1e1e1 | 1.02 |
#ffdc5e | #00c49a | 1.67 |
#ffdc5e | #fbfbfb | 1.29 |
#e1e1e1 | #00c49a | 1.71 |
#e1e1e1 | #fbfbfb | 1.26 |
Bildpalette Low-Code Dev UI Framework Palette png
Palette exportieren
Laden Sie die "Low-Code Dev UI Framework Palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: