Hergestellt in 02/02/2023 14:48
Header uiux website learning palette
- Jonquil#f2c112
- Jordy Blue#88c2f7
- Green (Pigment)#10a854
- Forest Green (Crayola)#5eb470
- Pastel Purple#bea1ad
- Police Blue#35596b
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Jonquil #f2c112 und Jordy Blue #88c2f7. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #35596B (dunkelstes) bis #88C2F7 (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): #10A854, #35596B, #5EB470, #88C2F7, #BEA1AD, #F2C112
Die Palette Header uiux website learning palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #f2c112, RGB: (242, 193, 18); VERHEXEN: #88c2f7, RGB: (136, 194, 247); VERHEXEN: #10a854, RGB: (16, 168, 84)
VERHEXEN: #5eb470, RGB: (94, 180, 112); VERHEXEN: #bea1ad, RGB: (190, 161, 173); VERHEXEN: #35596b, RGB: (53, 89, 107)
Vereinfachte Version der Palettenfarben
Farbton von gold, Farbton von lightskyblue, Farbton von mediumseagreen, Schatten von mediumseagreen, Schatten von rosybrown, Schatten von darkslategrey
Farbschema wurde erstellt von hex
Farbcodes in der Palette
Header uiux website learning palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #f2c112 | #f2c112 | RGB(242, 193, 18) | Jonquil | — |
| #88c2f7 | #88c2f7 | RGB(136, 194, 247) | Jordy Blue | — |
| #10a854 | #10a854 | RGB(16, 168, 84) | Green (Pigment) | — |
| #5eb470 | #5eb470 | RGB(94, 180, 112) | Forest Green (Crayola) | — |
| #bea1ad | #bea1ad | RGB(190, 161, 173) | Pastel Purple | — |
| #35596b | #35596b | RGB(53, 89, 107) | Police Blue | — |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#f2c112 | #88c2f7 | 1.11 |
#f2c112 | #10a854 | 1.83 |
#f2c112 | #5eb470 | 1.5 |
#f2c112 | #bea1ad | 1.39 |
#88c2f7 | #10a854 | 1.64 |
#88c2f7 | #5eb470 | 1.34 |
Bildpalette Header uiux website learning palette png
Palette exportieren
Laden Sie die "Header uiux website learning palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: