Webdesign developement interactions figma hex colors
- Blue (Crayola)#145cf2
- Corn#f8ed60
- Golden Brown#9a5817
- Bronze (Metallic)#a09861
- Silver Pink#ceabb8
- Deep Moss Green#365634
Utworzono 03/05/2022 18:44
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące Blue (Crayola) #145cf2 i Corn #f8ed60. Paleta ma temperaturę kolorów Zimny, Ciepły.
Według jasności paleta rozciąga się od #365634 (najciemniejszy) do #F8ED60 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 3 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.
Ogólna temperatura barw przechyla się ku ciepłu (4 z 6).
Kody HEX (posortowane): #145CF2, #365634, #9A5817, #A09861, #CEABB8, #F8ED60
Paleta Webdesign developement interactions figma hex colors łączy 6 kodów kolorów:
HEX: #145cf2, RGB: (20, 92, 242); HEX: #f8ed60, RGB: (248, 237, 96); HEX: #9a5817, RGB: (154, 88, 23)
HEX: #a09861, RGB: (160, 152, 97); HEX: #ceabb8, RGB: (206, 171, 184); HEX: #365634, RGB: (54, 86, 52)
Uproszczona wersja palety kolorów
Ciemny odcień Królewski niebieski, Jasny odcień Khaki, Jasny odcień Siodłowy brąz, Ciemny odcień Ciemne khaki, Ciemny odcień Ostowy, Ciemny odcień Ciemnooliwkowy
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Webdesign developement interactions figma hex colors kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #145cf2 | #145cf2 | RGB(20, 92, 242) | Blue (Crayola) | — |
| #f8ed60 | #f8ed60 | RGB(248, 237, 96) | Corn | — |
| #9a5817 | #9a5817 | RGB(154, 88, 23) | Golden Brown | — |
| #a09861 | #a09861 | RGB(160, 152, 97) | Bronze (Metallic) | — |
| #ceabb8 | #ceabb8 | RGB(206, 171, 184) | Silver Pink | — |
| #365634 | #365634 | RGB(54, 86, 52) | Deep Moss Green | — |
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 |
|---|---|---|
#145cf2 | #9a5817 | 1.01 |
#145cf2 | #a09861 | 1.86 |
#145cf2 | #365634 | 1.51 |
#f8ed60 | #ceabb8 | 1.7 |
#9a5817 | #a09861 | 1.89 |
#9a5817 | #365634 | 1.49 |
Paleta obrazów Webdesign developement interactions figma hex colors png
Eksportuj paletę
Pobierz "Webdesign developement interactions figma hex colors" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: