Product design saas website educational hero section colors palette
- Indigo (Rainbow)#282864
- Anti-Flash White#f0f0f0
- Beige#f0f0dc
- Tuscany#c8a08c
- Almond#f0dcc8
- Eerie Black#141428
Erstellt am 05/11/2023 10:43
Die Palette besteht aus Dunkel, Hell-Farben. Akzentfarben Indigo (Rainbow) #282864 und Almond #f0dcc8. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #141428 (dunkelstes) bis #F0F0F0 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 1 gedämpfte und 1 lebhafte von 6 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
Warme und kühle Felder sind ziemlich ausgeglichen (2 warm, 2 kühl).
HEX-Codes (sortiert): #141428, #282864, #C8A08C, #F0DCC8, #F0F0DC, #F0F0F0
Die Palette Product design saas website educational hero section colors palette kombiniert 6 Farbcodes:
HEX: #282864, RGB: (40, 40, 100); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #f0f0dc, RGB: (240, 240, 220)
HEX: #c8a08c, RGB: (200, 160, 140); HEX: #f0dcc8, RGB: (240, 220, 200); HEX: #141428, RGB: (20, 20, 40)
Vereinfachte Version der Palettenfarben
Aufhellung von Mitternachtsblau, Schattierung von Rauchweiß, Schattierung von Beige, Schattierung von Dunkellachs, Schattierung von Antikweiß, Aufhellung von Schwarz
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Product design saas website educational hero section colors palette Farbcodes HEX, RGB-Informationen in der Tabelle
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#282864 | #141428 | 1.35 |
#f0f0f0 | #f0f0dc | 1.01 |
#f0f0f0 | #f0dcc8 | 1.16 |
#f0f0dc | #f0dcc8 | 1.15 |
#c8a08c | #f0dcc8 | 1.78 |
Bildpalette Product design saas website educational hero section colors palette png
Palette exportieren
Laden Sie die "Product design saas website educational hero section colors palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: