Modern app design application user interface palette
- Picton Blue#48bcfc
- Orange-Yellow (Crayola)#f5c165
- Indigo (Rainbow)#143166
- Deep Puce#a55561
- Wild Blue Yonder#a2b5cd
- Japanese Indigo#2c364f
Utworzono 01/17/2023 09:46
Paleta składa się z kolorów Jasny, Ciemny, Półciemny. Kolory akcentujące Picton Blue #48bcfc i Orange-Yellow (Crayola) #f5c165. Paleta ma temperaturę kolorów Zimny, Ciepły.
Według jasności paleta rozciąga się od #143166 (najciemniejszy) do #F5C165 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie leży w średnim zakresie, średnio 57% w całej palecie.
Niektóre kolory leżą niemal naprzeciw siebie na kole barw, co daje palecie kontrast dopełniający.
Ogólna temperatura barw przechyla się ku zimnu (4 z 6).
Kody HEX (posortowane): #143166, #2C364F, #48BCFC, #A2B5CD, #A55561, #F5C165
Paleta Modern app design application user interface palette łączy 6 kodów kolorów:
HEX: #48bcfc, RGB: (72, 188, 252); HEX: #f5c165, RGB: (245, 193, 101); HEX: #143166, RGB: (20, 49, 102)
HEX: #a55561, RGB: (165, 85, 97); HEX: #a2b5cd, RGB: (162, 181, 205); HEX: #2c364f, RGB: (44, 54, 79)
Uproszczona wersja palety kolorów
Jasny odcień Głęboki błękit nieba, Jasny odcień Nawłoć, Jasny odcień Nocny błękit, Ciemny odcień Indyjska czerwień, Ciemny odcień Jasny stalowy niebieski, Ciemny odcień Ciemny łupkowy niebieski
Schemat kolorów został stworzony przez coolor
Kody kolorów w palecie
Modern app design application user interface palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #48bcfc | #48bcfc | RGB(72, 188, 252) | Picton Blue | — |
| #f5c165 | #f5c165 | RGB(245, 193, 101) | Orange-Yellow (Crayola) | — |
| #143166 | #143166 | RGB(20, 49, 102) | Indigo (Rainbow) | — |
| #a55561 | #a55561 | RGB(165, 85, 97) | Deep Puce | — |
| #a2b5cd | #a2b5cd | RGB(162, 181, 205) | Wild Blue Yonder | Lightsteelblue3 |
| #2c364f | #2c364f | RGB(44, 54, 79) | Japanese Indigo | — |
Kontrast palety kolorów
4 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#48bcfc | #f5c165 | 1.28 |
#48bcfc | #a2b5cd | 1.01 |
#f5c165 | #a2b5cd | 1.26 |
#143166 | #2c364f | 1.05 |
Paleta obrazów Modern app design application user interface palette png
Eksportuj paletę
Pobierz "Modern app design application user interface palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: