Hergestellt in 05/10/2022 13:26
Ui design palette
- #11b1bc
- #9cd9de
- Mughal Green#245f27
- Polished Pine#5c9d90
- Cambridge Blue#a4bda6
- Japanese Laurel#306d3e
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben #11b1bc und #9cd9de. Palette hat Farbtemperatur Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #245F27 (dunkelstes) bis #9CD9DE (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
Die Farbton-Verteilung erinnert an einen analogen Bereich (heuristisch, keine feste Farbtheorie).
In der Gesamttemperatur neigen die Felder zur kalten Seite.
HEX-Codes (sortiert): #11B1BC, #245F27, #306D3E, #5C9D90, #9CD9DE, #A4BDA6
Die Palette Ui design palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #11b1bc, RGB: (17, 177, 188); VERHEXEN: #9cd9de, RGB: (156, 217, 222); VERHEXEN: #245f27, RGB: (36, 95, 39)
VERHEXEN: #5c9d90, RGB: (92, 157, 144); VERHEXEN: #a4bda6, RGB: (164, 189, 166); VERHEXEN: #306d3e, RGB: (48, 109, 62)
Vereinfachte Version der Palettenfarben
Farbton von lightseagreen, Farbton von powderblue, Schatten von darkgreen, Farbton von cadetblue, Schatten von darkseagreen, Farbton von darkolivegreen
Farbschema wurde erstellt von colorswall
Farbcodes in der Palette
Ui design palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #11b1bc | #11b1bc | RGB(17, 177, 188) | — | — |
| #9cd9de | #9cd9de | RGB(156, 217, 222) | — | — |
| #245f27 | #245f27 | RGB(36, 95, 39) | Mughal Green | — |
| #5c9d90 | #5c9d90 | RGB(92, 157, 144) | Polished Pine | — |
| #a4bda6 | #a4bda6 | RGB(164, 189, 166) | Cambridge Blue | — |
| #306d3e | #306d3e | RGB(48, 109, 62) | Japanese Laurel | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#11b1bc | #9cd9de | 1.66 |
#11b1bc | #5c9d90 | 1.2 |
#11b1bc | #a4bda6 | 1.29 |
#9cd9de | #a4bda6 | 1.28 |
#245f27 | #306d3e | 1.23 |
#5c9d90 | #a4bda6 | 1.55 |
Bildpalette Ui design palette png
Palette exportieren
Laden Sie die "Ui design palette" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: