Hergestellt in 07/04/2025 09:55
JavaScript Flow Architecture
- Node Yellow#ffdd57
- Route Slate#3a3f55
- Async Aqua#00c7b1
- Promise Pink#fda3b3
- Callback Cream#f7f1e3
- Terminal Black#1e1f26
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Node Yellow #ffdd57 und Async Aqua #00c7b1. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #1E1F26 (dunkelstes) bis #F7F1E3 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #00C7B1, #1E1F26, #3A3F55, #F7F1E3, #FDA3B3, #FFDD57
Die Palette JavaScript Flow Architecture enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ffdd57, RGB: (255, 221, 87); VERHEXEN: #3a3f55, RGB: (58, 63, 85); VERHEXEN: #00c7b1, RGB: (0, 199, 177)
VERHEXEN: #fda3b3, RGB: (253, 163, 179); VERHEXEN: #f7f1e3, RGB: (247, 241, 227); VERHEXEN: #1e1f26, RGB: (30, 31, 38)
Vereinfachte Version der Palettenfarben
Schatten von gold, Farbton von darkslateblue, Schatten von lightseagreen, Farbton von lightpink, Farbton von oldlace, Schatten von Schwarz
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
JavaScript Flow Architecture Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ffdd57 | #ffdd57 | RGB(255, 221, 87) | Node Yellow | — |
| #3a3f55 | #3a3f55 | RGB(58, 63, 85) | Route Slate | — |
| #00c7b1 | #00c7b1 | RGB(0, 199, 177) | Async Aqua | — |
| #fda3b3 | #fda3b3 | RGB(253, 163, 179) | Promise Pink | — |
| #f7f1e3 | #f7f1e3 | RGB(247, 241, 227) | Callback Cream | White Veil |
| #1e1f26 | #1e1f26 | RGB(30, 31, 38) | Terminal Black | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ffdd57 | #00c7b1 | 1.6 |
#ffdd57 | #fda3b3 | 1.42 |
#ffdd57 | #f7f1e3 | 1.18 |
#3a3f55 | #1e1f26 | 1.58 |
#00c7b1 | #fda3b3 | 1.12 |
#00c7b1 | #f7f1e3 | 1.9 |
Bildpalette JavaScript Flow Architecture png
Palette exportieren
Laden Sie die "JavaScript Flow Architecture" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate:
