Hergestellt in 12/25/2022 16:16
Ux design system debut ui colors
- Light Taupe#bd836d
- Topaz#f4c480
- Dark Jungle Green#081c23
- Green Sheen#6caaaa
- Pastel Blue#b4ccd4
- Charcoal#34444c
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Topaz #f4c480 und Dark Jungle Green #081c23. Palette hat Farbtemperatur Warm, Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #081C23 (dunkelstes) bis #B4CCD4 (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): #081C23, #34444C, #6CAAAA, #B4CCD4, #BD836D, #F4C480
Die Palette Ux design system debut ui colors enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #bd836d, RGB: (189, 131, 109); VERHEXEN: #f4c480, RGB: (244, 196, 128); VERHEXEN: #081c23, RGB: (8, 28, 35)
VERHEXEN: #6caaaa, RGB: (108, 170, 170); VERHEXEN: #b4ccd4, RGB: (180, 204, 212); VERHEXEN: #34444c, RGB: (52, 68, 76)
Vereinfachte Version der Palettenfarben
Farbton von darksalmon, Schatten von burlywood, Schatten von Schwarz, Schatten von cadetblue, Farbton von lightblue, Farbton von darkslategrey
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
Ux design system debut ui colors Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #bd836d | #bd836d | RGB(189, 131, 109) | Light Taupe | — |
| #f4c480 | #f4c480 | RGB(244, 196, 128) | Topaz | — |
| #081c23 | #081c23 | RGB(8, 28, 35) | Dark Jungle Green | — |
| #6caaaa | #6caaaa | RGB(108, 170, 170) | Green Sheen | — |
| #b4ccd4 | #b4ccd4 | RGB(180, 204, 212) | Pastel Blue | — |
| #34444c | #34444c | RGB(52, 68, 76) | Charcoal | — |
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 |
|---|---|---|
#bd836d | #f4c480 | 1.96 |
#bd836d | #6caaaa | 1.2 |
#bd836d | #b4ccd4 | 1.88 |
#f4c480 | #6caaaa | 1.63 |
#f4c480 | #b4ccd4 | 1.04 |
#081c23 | #34444c | 1.73 |
Bildpalette Ux design system debut ui colors png
Palette exportieren
Laden Sie die "Ux design system debut ui colors" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: