Hergestellt in 07/10/2025 08:56
Figma Prototyping Nodes
- Frame Grey#ced4da
- Constraint Indigo#748ffc
- Interaction Teal#20c997
- Artboard Cream#faf9f6
- Vector Pink#fda7dc
- Preview Graphite#3e3e3e
Die Palette besteht aus Licht-Farben. Akzentfarben Constraint Indigo #748ffc und Artboard Cream #faf9f6. Palette hat Farbtemperatur Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #3E3E3E (dunkelstes) bis #FAF9F6 (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): #20C997, #3E3E3E, #748FFC, #CED4DA, #FAF9F6, #FDA7DC
Die Palette Figma Prototyping Nodes enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ced4da, RGB: (206, 212, 218); VERHEXEN: #748ffc, RGB: (116, 143, 252); VERHEXEN: #20c997, RGB: (32, 201, 151)
VERHEXEN: #faf9f6, RGB: (250, 249, 246); VERHEXEN: #fda7dc, RGB: (253, 167, 220); VERHEXEN: #3e3e3e, RGB: (62, 62, 62)
Vereinfachte Version der Palettenfarben
Farbton von lightgrey, Schatten von cornflowerblue, Farbton von mediumaquamarine, Schatten von whitesmoke, Schatten von plum, Farbton von darkslategrey
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Figma Prototyping Nodes Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ced4da | #ced4da | RGB(206, 212, 218) | Frame Grey | — |
| #748ffc | #748ffc | RGB(116, 143, 252) | Constraint Indigo | — |
| #20c997 | #20c997 | RGB(32, 201, 151) | Interaction Teal | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Artboard Cream | — |
| #fda7dc | #fda7dc | RGB(253, 167, 220) | Vector Pink | — |
| #3e3e3e | #3e3e3e | RGB(62, 62, 62) | Preview Graphite | — |
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 |
#ced4da | #748ffc | 1.98 |
#ced4da | #20c997 | 1.42 |
#ced4da | #faf9f6 | 1.41 |
#ced4da | #fda7dc | 1.19 |
#748ffc | #20c997 | 1.39 |
#748ffc | #fda7dc | 1.65 |
Bildpalette Figma Prototyping Nodes png
Palette exportieren
Laden Sie die "Figma Prototyping Nodes" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: