Hero section home page ui experience colors palette
- Marigold#f49c1f
- Yellow Orange#f2ad44
- Smoky Black#141005
- Cinereous#968573
- Opal#acccc4
- Olive Drab Camouflage#5e5035
Utworzono 03/25/2023 22:16
Paleta składa się z kolorów Jasny, Ciemny, Półciemny. Kolory akcentujące Marigold #f49c1f i Opal #acccc4. Paleta ma temperaturę kolorów Ciepły, Neutralny, Zimny.
Według jasności paleta rozciąga się od #141005 (najciemniejszy) do #ACCCC4 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie jest mieszane — 3 stonowanych i 3 żywych z 6 kolorów.
Zróżnicowana paleta: jej odcienie rozkładają się na około 134° koła barw.
Ogólna temperatura barw przechyla się ku ciepłu (4 z 6).
Kody HEX (posortowane): #141005, #5E5035, #968573, #ACCCC4, #F2AD44, #F49C1F
Paleta Hero section home page ui experience colors palette łączy 6 kodów kolorów:
HEX: #f49c1f, RGB: (244, 156, 31); HEX: #f2ad44, RGB: (242, 173, 68); HEX: #141005, RGB: (20, 16, 5)
HEX: #968573, RGB: (150, 133, 115); HEX: #acccc4, RGB: (172, 204, 196); HEX: #5e5035, RGB: (94, 80, 53)
Uproszczona wersja palety kolorów
Ciemny odcień Pomarańczowy, Jasny odcień Pomarańczowy, Jasny odcień Czarny, Jasny odcień Szary, Ciemny odcień Pudrowy niebieski, Ciemny odcień Przyćmiony szary
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Hero section home page ui experience colors palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #f49c1f | #f49c1f | RGB(244, 156, 31) | Marigold | — |
| #f2ad44 | #f2ad44 | RGB(242, 173, 68) | Yellow Orange | — |
| #141005 | #141005 | RGB(20, 16, 5) | Smoky Black | — |
| #968573 | #968573 | RGB(150, 133, 115) | Cinereous | — |
| #acccc4 | #acccc4 | RGB(172, 204, 196) | Opal | — |
| #5e5035 | #5e5035 | RGB(94, 80, 53) | Olive Drab Camouflage | — |
Kontrast palety kolorów
5 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#f49c1f | #f2ad44 | 1.12 |
#f49c1f | #968573 | 1.63 |
#f49c1f | #acccc4 | 1.26 |
#f2ad44 | #968573 | 1.83 |
#f2ad44 | #acccc4 | 1.12 |
Paleta obrazów Hero section home page ui experience colors palette png
Eksportuj paletę
Pobierz "Hero section home page ui experience colors palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: