Hergestellt in 11/17/2022 11:46
User interface ui design web palette
- Sparrow’s Fire#f9671f
- Yellow Currant#f7c468
- Fibonacci Blue#0c255c
- Blue Suede#647c94
- Clear Vista#a6bdc5
- Sea Challenge#2c5c5c
Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben Sparrow’s Fire #f9671f und Fibonacci Blue #0c255c. Palette hat Farbtemperatur Warm, Kalt.
Nach Helligkeit reicht diese Palette von #0C255C (dunkelstes) bis #A6BDC5 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #0C255C, #2C5C5C, #647C94, #A6BDC5, #F7C468, #F9671F
Die Palette User interface ui design web palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #f9671f, RGB: (249, 103, 31); VERHEXEN: #f7c468, RGB: (247, 196, 104); VERHEXEN: #0c255c, RGB: (12, 37, 92)
VERHEXEN: #647c94, RGB: (100, 124, 148); VERHEXEN: #a6bdc5, RGB: (166, 189, 197); VERHEXEN: #2c5c5c, RGB: (44, 92, 92)
Vereinfachte Version der Palettenfarben
Schatten von orangered, Schatten von burlywood, Schatten von midnightblue, Farbton von slategrey, Farbton von lightblue, Schatten von darkslategrey
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
User interface ui design web palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f9671f | #f9671f | RGB(249, 103, 31) | Sparrow’s Fire | — |
| #f7c468 | #f7c468 | RGB(247, 196, 104) | Yellow Currant | — |
| #0c255c | #0c255c | RGB(12, 37, 92) | Fibonacci Blue | — |
| #647c94 | #647c94 | RGB(100, 124, 148) | Blue Suede | — |
| #a6bdc5 | #a6bdc5 | RGB(166, 189, 197) | Clear Vista | — |
| #2c5c5c | #2c5c5c | RGB(44, 92, 92) | Sea Challenge | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#f9671f | #f7c468 | 1.86 |
#f9671f | #647c94 | 1.44 |
#f9671f | #a6bdc5 | 1.53 |
#f7c468 | #a6bdc5 | 1.21 |
#0c255c | #2c5c5c | 1.94 |
#647c94 | #2c5c5c | 1.73 |
Bildpalette User interface ui design web palette png
Palette exportieren
Laden Sie die "User interface ui design web palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: