Hero section home page ui experience colors palette
- Marigold#f49c1f
- Yellow Orange#f2ad44
- Smoky Black#141005
- Cinereous#968573
- Opal#acccc4
- Olive Drab Camouflage#5e5035
Erstellt am 03/25/2023 22:16
Die Palette besteht aus Hell, Dunkel, Halbdunkel-Farben. Akzentfarben Marigold #f49c1f und Opal #acccc4. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #141005 (dunkelstes) bis #ACCCC4 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 3 gedämpfte und 3 lebhafte von 6 Farben.
Eine vielfältige Palette: Die Farbtöne verteilen sich über etwa 134° des Farbkreises.
In der Gesamttemperatur neigen die Felder zur warmen Seite (4 von 6).
HEX-Codes (sortiert): #141005, #5E5035, #968573, #ACCCC4, #F2AD44, #F49C1F
Die Palette Hero section home page ui experience colors palette kombiniert 6 Farbcodes:
HEX: #f49c1f, RGB: (244, 156, 31); HEX: #f2ad44, RGB: (242, 173, 68); HEX: #141005, RGB: (20, 16, 5)
HEX: #968573, RGB: (150, 133, 115); HEX: #acccc4, RGB: (172, 204, 196); HEX: #5e5035, RGB: (94, 80, 53)
Vereinfachte Version der Palettenfarben
Schattierung von Orange, Aufhellung von Orange, Aufhellung von Schwarz, Aufhellung von Grau, Schattierung von Puderblau, Schattierung von Mattgrau
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Hero section home page ui experience colors palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #f49c1f | #f49c1f | RGB(244, 156, 31) | Marigold | — |
| #f2ad44 | #f2ad44 | RGB(242, 173, 68) | Yellow Orange | — |
| #141005 | #141005 | RGB(20, 16, 5) | Smoky Black | — |
| #968573 | #968573 | RGB(150, 133, 115) | Cinereous | — |
| #acccc4 | #acccc4 | RGB(172, 204, 196) | Opal | — |
| #5e5035 | #5e5035 | RGB(94, 80, 53) | Olive Drab Camouflage | — |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f49c1f | #f2ad44 | 1.12 |
#f49c1f | #968573 | 1.63 |
#f49c1f | #acccc4 | 1.26 |
#f2ad44 | #968573 | 1.83 |
#f2ad44 | #acccc4 | 1.12 |
Bildpalette Hero section home page ui experience colors palette png
Palette exportieren
Laden Sie die "Hero section home page ui experience colors palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: