Interface minimal hero page ui ux
- Green Sheen#72c1a4
- Sea Foam Green#a2d6c3
- Dark Gunmetal#1c1430
- Café Au Lait#a47c60
- Khaki (HTML/CSS)#c8a290
- Charcoal#353c54
Erstellt am 01/01/2023 18:28
Die Palette besteht aus Hell, Dunkel, Halbdunkel-Farben. Akzentfarben Dark Gunmetal #1c1430 und Khaki (HTML/CSS) #c8a290. Palette hat Farbtemperatur Kalt, Warm.
Nach Helligkeit reicht diese Palette von #1C1430 (dunkelstes) bis #A2D6C3 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung liegt im mittleren Bereich, im Durchschnitt 34% über die Palette.
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 6).
HEX-Codes (sortiert): #1C1430, #353C54, #72C1A4, #A2D6C3, #A47C60, #C8A290
Die Palette Interface minimal hero page ui ux kombiniert 6 Farbcodes:
HEX: #72c1a4, RGB: (114, 193, 164); HEX: #a2d6c3, RGB: (162, 214, 195); HEX: #1c1430, RGB: (28, 20, 48)
HEX: #a47c60, RGB: (164, 124, 96); HEX: #c8a290, RGB: (200, 162, 144); HEX: #353c54, RGB: (53, 60, 84)
Vereinfachte Version der Palettenfarben
Schattierung von Mittleres Aquamarin, Aufhellung von Mittleres Aquamarin, Schattierung von Mitternachtsblau, Schattierung von Peru, Schattierung von Dunkellachs, Schattierung von Dunkles Schieferblau
Farbschema wurde erstellt von colorhunt
Farbcodes in der Palette
Interface minimal hero page ui ux Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #72c1a4 | #72c1a4 | RGB(114, 193, 164) | Green Sheen | — |
| #a2d6c3 | #a2d6c3 | RGB(162, 214, 195) | Sea Foam Green | — |
| #1c1430 | #1c1430 | RGB(28, 20, 48) | Dark Gunmetal | — |
| #a47c60 | #a47c60 | RGB(164, 124, 96) | Café Au Lait | — |
| #c8a290 | #c8a290 | RGB(200, 162, 144) | Khaki (HTML/CSS) | — |
| #353c54 | #353c54 | RGB(53, 60, 84) | Charcoal | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#72c1a4 | #a2d6c3 | 1.31 |
#72c1a4 | #a47c60 | 1.75 |
#72c1a4 | #c8a290 | 1.09 |
#a2d6c3 | #c8a290 | 1.43 |
#1c1430 | #353c54 | 1.61 |
#a47c60 | #c8a290 | 1.6 |
Bildpalette Interface minimal hero page ui ux png
Palette exportieren
Laden Sie die "Interface minimal hero page ui ux" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: