Loading...
Utworzono o godz 04/16/2023 17:31
Web landing ui home palette
- Black#141414
- Columbia Blue#c8dcf0
- Azureish White#dcdcf0
- Alice Blue#f0f0ff
- Azureish White#dcf0f0
- Gold (Crayola)#f0b48c
Paleta składa się z kolorów Ciemny, Światło. Kolory akcentujące Alice Blue #f0f0ff i Gold (Crayola) #f0b48c. Paleta ma temperaturę kolorów Neutralny, Zimny, Ciepły.
Według jasności paleta rozciąga się od #141414 (najciemniejszy) do #F0F0FF (najjaśniejszy). Zakres jasności jest szeroki.
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).
Większość próbek odczytuje się jako neutralne w temperaturze.
Kody HEX (posortowane): #141414, #C8DCF0, #DCDCF0, #DCF0F0, #F0B48C, #F0F0FF
Paleta Web landing ui home palette zawiera kombinację kolorów kodów 6:
KLĄTWA: #141414, RGB: (20, 20, 20); KLĄTWA: #c8dcf0, RGB: (200, 220, 240); KLĄTWA: #dcdcf0, RGB: (220, 220, 240)
KLĄTWA: #f0f0ff, RGB: (240, 240, 255); KLĄTWA: #dcf0f0, RGB: (220, 240, 240); KLĄTWA: #f0b48c, RGB: (240, 180, 140)
Uproszczona wersja palety kolorów
Cień Czarny, Cień lightsteelblue, Odcień lavender, Cień lavender, Odcień lightcyan, Cień sandybrown
Schemat kolorów został stworzony przez colorstudio
Kody kolorów w palecie
Web landing ui home palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #141414 | #141414 | RGB(20, 20, 20) | Black | Sooty |
| #c8dcf0 | #c8dcf0 | RGB(200, 220, 240) | Columbia Blue | — |
| #dcdcf0 | #dcdcf0 | RGB(220, 220, 240) | Azureish White | — |
| #f0f0ff | #f0f0ff | RGB(240, 240, 255) | Alice Blue | — |
| #dcf0f0 | #dcf0f0 | RGB(220, 240, 240) | Azureish White | — |
| #f0b48c | #f0b48c | RGB(240, 180, 140) | Gold (Crayola) | — |
Kontrast palety kolorów
10 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#c8dcf0 | #dcdcf0 | 1.03 |
#c8dcf0 | #f0f0ff | 1.24 |
#c8dcf0 | #dcf0f0 | 1.18 |
#c8dcf0 | #f0b48c | 1.28 |
#dcdcf0 | #f0f0ff | 1.19 |
#dcdcf0 | #dcf0f0 | 1.14 |
Paleta obrazów Web landing ui home palette png
Eksportuj paletę
Pobierz "Web landing ui home palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: