Hergestellt in 06/24/2022 20:44
Web design ui palette
- Bright Navy Blue#0e70e7
- Azureish White#cde1f4
- Air Force Blue (USAF)#042c8c
- Rackley#5e7e9e
- Dark Vanilla#d4bfb0
- Outer Space#3c5752
Die Palette besteht aus Halbdunkel, Licht, Dunkel-Farben. Akzentfarben Air Force Blue (USAF) #042c8c und Dark Vanilla #d4bfb0. Palette hat Farbtemperatur Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #042C8C (dunkelstes) bis #CDE1F4 (hellstes). Die Helligkeitsspanne ist groß.
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): #042C8C, #0E70E7, #3C5752, #5E7E9E, #CDE1F4, #D4BFB0
Die Palette Web design ui palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #0e70e7, RGB: (14, 112, 231); VERHEXEN: #cde1f4, RGB: (205, 225, 244); VERHEXEN: #042c8c, RGB: (4, 44, 140)
VERHEXEN: #5e7e9e, RGB: (94, 126, 158); VERHEXEN: #d4bfb0, RGB: (212, 191, 176); VERHEXEN: #3c5752, RGB: (60, 87, 82)
Vereinfachte Version der Palettenfarben
Farbton von royalblue, Farbton von aliceblue, Schatten von midnightblue, Schatten von steelblue, Schatten von tan, Schatten von darkslategrey
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Web design ui palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #0e70e7 | #0e70e7 | RGB(14, 112, 231) | Bright Navy Blue | — |
| #cde1f4 | #cde1f4 | RGB(205, 225, 244) | Azureish White | — |
| #042c8c | #042c8c | RGB(4, 44, 140) | Air Force Blue (USAF) | — |
| #5e7e9e | #5e7e9e | RGB(94, 126, 158) | Rackley | — |
| #d4bfb0 | #d4bfb0 | RGB(212, 191, 176) | Dark Vanilla | — |
| #3c5752 | #3c5752 | RGB(60, 87, 82) | Outer Space | — |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#0e70e7 | #5e7e9e | 1.1 |
#0e70e7 | #3c5752 | 1.67 |
#cde1f4 | #d4bfb0 | 1.31 |
#042c8c | #3c5752 | 1.53 |
#5e7e9e | #3c5752 | 1.85 |
Bildpalette Web design ui palette png
Palette exportieren
Laden Sie die "Web design ui palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: