Hergestellt in 04/10/2022 14:30
Landing page ui design palette
- Picton Blue#4ba8f2
- Pastel Blue#a2c3d3
- Caput Mortuum#5f2b20
- Blue Yonder#5074a6
- Pewter Blue#84bcbc
- Olive Drab Camouflage#5b4a31
Die Palette besteht aus Licht-Farben. Akzentfarben Picton Blue #4ba8f2 und Caput Mortuum #5f2b20. Palette hat Farbtemperatur Kalt, Warm.
Nach Helligkeit reicht diese Palette von #5F2B20 (dunkelstes) bis #A2C3D3 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung liegt im mittleren Bereich.
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): #4BA8F2, #5074A6, #5B4A31, #5F2B20, #84BCBC, #A2C3D3
Die Palette Landing page ui design palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #4ba8f2, RGB: (75, 168, 242); VERHEXEN: #a2c3d3, RGB: (162, 195, 211); VERHEXEN: #5f2b20, RGB: (95, 43, 32)
VERHEXEN: #5074a6, RGB: (80, 116, 166); VERHEXEN: #84bcbc, RGB: (132, 188, 188); VERHEXEN: #5b4a31, RGB: (91, 74, 49)
Vereinfachte Version der Palettenfarben
Schatten von dodgerblue, Farbton von lightblue, Schatten von Kastanienbraun, Farbton von steelblue, Schatten von mediumturquoise, Farbton von saddlebrown
Farbschema wurde erstellt von colorswall
Mehr Paletten mit:
Farbcodes in der Palette
Landing page ui design palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #4ba8f2 | #4ba8f2 | RGB(75, 168, 242) | Picton Blue | — |
| #a2c3d3 | #a2c3d3 | RGB(162, 195, 211) | Pastel Blue | — |
| #5f2b20 | #5f2b20 | RGB(95, 43, 32) | Caput Mortuum | — |
| #5074a6 | #5074a6 | RGB(80, 116, 166) | Blue Yonder | — |
| #84bcbc | #84bcbc | RGB(132, 188, 188) | Pewter Blue | — |
| #5b4a31 | #5b4a31 | RGB(91, 74, 49) | Olive Drab Camouflage | — |
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 |
|---|---|---|
#4ba8f2 | #a2c3d3 | 1.37 |
#4ba8f2 | #5074a6 | 1.86 |
#4ba8f2 | #84bcbc | 1.2 |
#a2c3d3 | #84bcbc | 1.13 |
#5f2b20 | #5b4a31 | 1.33 |
#5074a6 | #5b4a31 | 1.77 |
Bildpalette Landing page ui design palette png
Palette exportieren
Laden Sie die "Landing page ui design palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: