Web app hero section design homepage
- Iris#4f47d0
- Dark Vanilla#dbcea1
- Cosmic Cobalt#2c2c8c
- Dark Chestnut#94695c
- Cadet Blue (Crayola)#b1b6bf
- Jacarta#303457
Erstellt am 06/03/2022 11:07
Die Palette besteht aus Halbdunkel, Hell-Farben. Akzentfarben Iris #4f47d0 und Dark Vanilla #dbcea1. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #303457 (dunkelstes) bis #DBCEA1 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 2 gedämpfte und 2 lebhafte von 6 Farben.
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 (3 von 6).
HEX-Codes (sortiert): #2C2C8C, #303457, #4F47D0, #94695C, #B1B6BF, #DBCEA1
Die Palette Web app hero section design homepage kombiniert 6 Farbcodes:
HEX: #4f47d0, RGB: (79, 71, 208); HEX: #dbcea1, RGB: (219, 206, 161); HEX: #2c2c8c, RGB: (44, 44, 140)
HEX: #94695c, RGB: (148, 105, 92); HEX: #b1b6bf, RGB: (177, 182, 191); HEX: #303457, RGB: (48, 52, 87)
Vereinfachte Version der Palettenfarben
Schattierung von Schieferblau, Schattierung von Weizen, Aufhellung von Mitternachtsblau, Aufhellung von Siena, Schattierung von Silber, Schattierung von Dunkles Schieferblau
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Web app hero section design homepage Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #4f47d0 | #4f47d0 | RGB(79, 71, 208) | Iris | — |
| #dbcea1 | #dbcea1 | RGB(219, 206, 161) | Dark Vanilla | — |
| #2c2c8c | #2c2c8c | RGB(44, 44, 140) | Cosmic Cobalt | — |
| #94695c | #94695c | RGB(148, 105, 92) | Dark Chestnut | — |
| #b1b6bf | #b1b6bf | RGB(177, 182, 191) | Cadet Blue (Crayola) | — |
| #303457 | #303457 | RGB(48, 52, 87) | Jacarta | — |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#4f47d0 | #2c2c8c | 1.7 |
#4f47d0 | #94695c | 1.41 |
#4f47d0 | #303457 | 1.79 |
#dbcea1 | #b1b6bf | 1.29 |
#2c2c8c | #303457 | 1.05 |
Bildpalette Web app hero section design homepage png
Palette exportieren
Laden Sie die "Web app hero section design homepage" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: