Utworzono o godz 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
Paleta składa się z kolorów Światło, Ciemny. Kolory akcentujące Topaz #f4c480 i Dark Jungle Green #081c23. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #081C23 (najciemniejszy) do #B4CCD4 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #081C23, #34444C, #6CAAAA, #B4CCD4, #BD836D, #F4C480
Paleta Ux design system debut ui colors zawiera kombinację kolorów kodów 6:
KLĄTWA: #bd836d, RGB: (189, 131, 109); KLĄTWA: #f4c480, RGB: (244, 196, 128); KLĄTWA: #081c23, RGB: (8, 28, 35)
KLĄTWA: #6caaaa, RGB: (108, 170, 170); KLĄTWA: #b4ccd4, RGB: (180, 204, 212); KLĄTWA: #34444c, RGB: (52, 68, 76)
Uproszczona wersja palety kolorów
Odcień darksalmon, Cień burlywood, Cień Czarny, Cień cadetblue, Odcień lightblue, Odcień darkslategrey
Schemat kolorów został stworzony przez raccoon
Kody kolorów w palecie
Ux design system debut ui colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
|---|---|---|---|---|
| #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 | — |
Kontrast palety kolorów
7 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#bd836d | #f4c480 | 1.96 |
#bd836d | #6caaaa | 1.2 |
#bd836d | #b4ccd4 | 1.88 |
#f4c480 | #6caaaa | 1.63 |
#f4c480 | #b4ccd4 | 1.04 |
#081c23 | #34444c | 1.73 |
Paleta obrazów Ux design system debut ui colors png
Eksportuj paletę
Pobierz "Ux design system debut ui colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: