Flowchart UX Light Canvas
- Decision Blue#60a5fa
- Input Cream#fef9c3
- Connector Gray#cbd5e1
- Result Lavender#ddd6fe
- Info Green#86efac
- Background Fog#f8fafc
- Node Coral#fb7185
Erstellt am 06/26/2025 08:19
Die Palette besteht aus Hell-Farben. Akzentfarben Input Cream #fef9c3 und Result Lavender #ddd6fe. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #60A5FA (dunkelstes) bis #F8FAFC (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 71% der Farben sind lebhaft.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 7).
HEX-Codes (sortiert): #60A5FA, #86EFAC, #CBD5E1, #DDD6FE, #F8FAFC, #FB7185, #FEF9C3
Die Palette Flowchart UX Light Canvas kombiniert 7 Farbcodes:
HEX: #60a5fa, RGB: (96, 165, 250); HEX: #fef9c3, RGB: (254, 249, 195); HEX: #cbd5e1, RGB: (203, 213, 225)
HEX: #ddd6fe, RGB: (221, 214, 254); HEX: #86efac, RGB: (134, 239, 172); HEX: #f8fafc, RGB: (248, 250, 252)
HEX: #fb7185, RGB: (251, 113, 133)
Vereinfachte Version der Palettenfarben
Aufhellung von Kornblumenblau, Schattierung von Chiffongelb, Aufhellung von Hellgrau, Schattierung von Lavendel, Aufhellung von Hellgrün, Aufhellung von Rauchweiß, Schattierung von Hellkoralle
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Flowchart UX Light Canvas Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Decision Blue | — |
| #fef9c3 | #fef9c3 | RGB(254, 249, 195) | Input Cream | — |
| #cbd5e1 | #cbd5e1 | RGB(203, 213, 225) | Connector Gray | — |
| #ddd6fe | #ddd6fe | RGB(221, 214, 254) | Result Lavender | — |
| #86efac | #86efac | RGB(134, 239, 172) | Info Green | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Background Fog | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Node Coral | — |
Farbpalette Kontrast
17 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#60a5fa | #cbd5e1 | 1.71 |
#60a5fa | #ddd6fe | 1.83 |
#60a5fa | #86efac | 1.81 |
#60a5fa | #fb7185 | 1.05 |
#fef9c3 | #cbd5e1 | 1.38 |
#fef9c3 | #ddd6fe | 1.29 |
Bildpalette Flowchart UX Light Canvas png
Palette exportieren
Laden Sie die "Flowchart UX Light Canvas" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: