Web app hero section design homepage
- Iris#4f47d0
- Dark Vanilla#dbcea1
- Cosmic Cobalt#2c2c8c
- Dark Chestnut#94695c
- Cadet Blue (Crayola)#b1b6bf
- Jacarta#303457
Utworzono 06/03/2022 11:07
Paleta składa się z kolorów Półciemny, Jasny. Kolory akcentujące Iris #4f47d0 i Dark Vanilla #dbcea1. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #303457 (najciemniejszy) do #DBCEA1 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 2 stonowanych i 2 ż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 zimnu (3 z 6).
Kody HEX (posortowane): #2C2C8C, #303457, #4F47D0, #94695C, #B1B6BF, #DBCEA1
Paleta Web app hero section design homepage łączy 6 kodów kolorów:
HEX: #4f47d0, RGB: (79, 71, 208); HEX: #dbcea1, RGB: (219, 206, 161); HEX: #2c2c8c, RGB: (44, 44, 140)
HEX: #94695c, RGB: (148, 105, 92); HEX: #b1b6bf, RGB: (177, 182, 191); HEX: #303457, RGB: (48, 52, 87)
Uproszczona wersja palety kolorów
Ciemny odcień Łupkowy niebieski, Ciemny odcień Pszeniczny, Jasny odcień Nocny błękit, Jasny odcień Sjena, Ciemny odcień Srebrny, Ciemny odcień Ciemny łupkowy niebieski
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Web app hero section design homepage kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #4f47d0 | #4f47d0 | RGB(79, 71, 208) | Iris | — |
| #dbcea1 | #dbcea1 | RGB(219, 206, 161) | Dark Vanilla | — |
| #2c2c8c | #2c2c8c | RGB(44, 44, 140) | Cosmic Cobalt | — |
| #94695c | #94695c | RGB(148, 105, 92) | Dark Chestnut | — |
| #b1b6bf | #b1b6bf | RGB(177, 182, 191) | Cadet Blue (Crayola) | — |
| #303457 | #303457 | RGB(48, 52, 87) | Jacarta | — |
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 |
|---|---|---|
#4f47d0 | #2c2c8c | 1.7 |
#4f47d0 | #94695c | 1.41 |
#4f47d0 | #303457 | 1.79 |
#dbcea1 | #b1b6bf | 1.29 |
#2c2c8c | #303457 | 1.05 |
Paleta obrazów Web app hero section design homepage png
Eksportuj paletę
Pobierz "Web app hero section design homepage" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: