Design ui icon ux
- Vermilion (Plochere)#d63c16
- Orange Soda#fb5943
- Green-Blue#1777a8
- Liberty#5c61a2
- Tan#ccba98
- Jacarta#2f3057
Utworzono 04/09/2023 17:07
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące Orange Soda #fb5943 i Green-Blue #1777a8. Paleta ma temperaturę kolorów Ciepły, Zimny.
Według jasności paleta rozciąga się od #2F3057 (najciemniejszy) do #CCBA98 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 1 stonowanych i 3 żywych z 6 kolorów.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ciepłe i zimne próbki są dość zrównoważone (3 ciepłych, 3 zimnych).
Kody HEX (posortowane): #1777A8, #2F3057, #5C61A2, #CCBA98, #D63C16, #FB5943
Paleta Design ui icon ux łączy 6 kodów kolorów:
HEX: #d63c16, RGB: (214, 60, 22); HEX: #fb5943, RGB: (251, 89, 67); HEX: #1777a8, RGB: (23, 119, 168)
HEX: #5c61a2, RGB: (92, 97, 162); HEX: #ccba98, RGB: (204, 186, 152); HEX: #2f3057, RGB: (47, 48, 87)
Uproszczona wersja palety kolorów
Jasny odcień Czerwony, Ciemny odcień Pomidorowy, Ciemny odcień Stalowy niebieski, Ciemny odcień Łupkowy niebieski, Jasny odcień Jasnobrązowy, Ciemny odcień Ciemny łupkowy niebieski
Schemat kolorów został stworzony przez hex
Kody kolorów w palecie
Design ui icon ux kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #d63c16 | #d63c16 | RGB(214, 60, 22) | Vermilion (Plochere) | — |
| #fb5943 | #fb5943 | RGB(251, 89, 67) | Orange Soda | — |
| #1777a8 | #1777a8 | RGB(23, 119, 168) | Green-Blue | — |
| #5c61a2 | #5c61a2 | RGB(92, 97, 162) | Liberty | — |
| #ccba98 | #ccba98 | RGB(204, 186, 152) | Tan | — |
| #2f3057 | #2f3057 | RGB(47, 48, 87) | Jacarta | — |
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 |
|---|---|---|
#d63c16 | #fb5943 | 1.46 |
#d63c16 | #1777a8 | 1.06 |
#d63c16 | #5c61a2 | 1.22 |
#fb5943 | #1777a8 | 1.55 |
#fb5943 | #5c61a2 | 1.79 |
#fb5943 | #ccba98 | 1.67 |
Paleta obrazów Design ui icon ux png
Eksportuj paletę
Pobierz "Design ui icon ux" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: