App design ui
- Orange (RYB)#f79a0a
- Topaz#f4cc84
- Pullman Brown (UPS Brown)#674112
- Camouflage Green#7b9363
- Dark Vanilla#d2c4a5
- Rifle Green#425634
Erstellt am 03/13/2023 11:37
Die Palette besteht aus Hell, Halbdunkel-Farben. Akzentfarben Orange (RYB) #f79a0a und Topaz #f4cc84. Palette hat Farbtemperatur Warm, Kalt.
Nach Helligkeit reicht diese Palette von #674112 (dunkelstes) bis #F4CC84 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — 2 gedämpfte und 3 lebhafte von 6 Farben.
Eine analoge Palette: Die Farbtöne liegen auf dem Farbkreis nah beieinander, innerhalb von etwa 62°.
In der Gesamttemperatur neigen die Felder zur warmen Seite (4 von 6).
HEX-Codes (sortiert): #425634, #674112, #7B9363, #D2C4A5, #F4CC84, #F79A0A
Die Palette App design ui kombiniert 6 Farbcodes:
HEX: #f79a0a, RGB: (247, 154, 10); HEX: #f4cc84, RGB: (244, 204, 132); HEX: #674112, RGB: (103, 65, 18)
HEX: #7b9363, RGB: (123, 147, 99); HEX: #d2c4a5, RGB: (210, 196, 165); HEX: #425634, RGB: (66, 86, 52)
Vereinfachte Version der Palettenfarben
Schattierung von Orange, Schattierung von Navajoweiß, Schattierung von Sattelbraun, Aufhellung von Olivgrün, Aufhellung von Gelbbraun, Schattierung von Dunkles Olivgrün
Farbschema wurde erstellt von coolor
Farbcodes in der Palette
App design ui Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #f79a0a | #f79a0a | RGB(247, 154, 10) | Orange (RYB) | — |
| #f4cc84 | #f4cc84 | RGB(244, 204, 132) | Topaz | — |
| #674112 | #674112 | RGB(103, 65, 18) | Pullman Brown (UPS Brown) | — |
| #7b9363 | #7b9363 | RGB(123, 147, 99) | Camouflage Green | — |
| #d2c4a5 | #d2c4a5 | RGB(210, 196, 165) | Dark Vanilla | — |
| #425634 | #425634 | RGB(66, 86, 52) | Rifle Green | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#f79a0a | #f4cc84 | 1.44 |
#f79a0a | #7b9363 | 1.54 |
#f79a0a | #d2c4a5 | 1.27 |
#f4cc84 | #d2c4a5 | 1.13 |
#674112 | #425634 | 1.11 |
#7b9363 | #d2c4a5 | 1.96 |
Bildpalette App design ui png
Palette exportieren
Laden Sie die "App design ui" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: