Utworzono o godz 08/08/2022 12:44
Web ux landing design palette
- Blue (Crayola)#2564e9
- Shandy#f5e672
- Catalina Blue#0c2e78
- Pearly Purple#aa639a
- Laurel Green#acb9a4
- Dark Puce#4c3444
Paleta składa się z kolorów Półciemny, Światło, Ciemny. Kolory akcentujące Shandy #f5e672 i Catalina Blue #0c2e78. Paleta ma temperaturę kolorów Zimny, Ciepły, Neutralny.
Według jasności paleta rozciąga się od #4C3444 (najciemniejszy) do #F5E672 (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — część próbek stonowana, część żywsza.
Niektóre pary barw są blisko pozycji dopełniających — można to odczytać jako kontrast dopełniający (heurystyka).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #0C2E78, #2564E9, #4C3444, #AA639A, #ACB9A4, #F5E672
Paleta Web ux landing design palette zawiera kombinację kolorów kodów 6:
KLĄTWA: #2564e9, RGB: (37, 100, 233); KLĄTWA: #f5e672, RGB: (245, 230, 114); KLĄTWA: #0c2e78, RGB: (12, 46, 120)
KLĄTWA: #aa639a, RGB: (170, 99, 154); KLĄTWA: #acb9a4, RGB: (172, 185, 164); KLĄTWA: #4c3444, RGB: (76, 52, 68)
Uproszczona wersja palety kolorów
Odcień royalblue, Odcień Khaki, Cień midnightblue, Odcień mediumorchid, Cień darkseagreen, Odcień darkslateblue
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Web ux landing design palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #2564e9 | #2564e9 | RGB(37, 100, 233) | Blue (Crayola) | — |
| #f5e672 | #f5e672 | RGB(245, 230, 114) | Shandy | — |
| #0c2e78 | #0c2e78 | RGB(12, 46, 120) | Catalina Blue | — |
| #aa639a | #aa639a | RGB(170, 99, 154) | Pearly Purple | — |
| #acb9a4 | #acb9a4 | RGB(172, 185, 164) | Laurel Green | — |
| #4c3444 | #4c3444 | RGB(76, 52, 68) | Dark Puce | — |
Kontrast palety kolorów
3 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#2564e9 | #aa639a | 1.21 |
#f5e672 | #acb9a4 | 1.6 |
#0c2e78 | #4c3444 | 1.12 |
Paleta obrazów Web ux landing design palette png
Eksportuj paletę
Pobierz "Web ux landing design palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: