Web design ui features website colours
- Dark Pastel Blue#7c94c9
- Columbia Blue#cdd9ed
- Indigo (Rainbow)#1d306e
- UCLA Blue#58679d
- Cadet Blue (Crayola)#a5acbd
- Independence#444c64
Utworzono 12/20/2022 12:17
Paleta składa się z kolorów Jasny, Ciemny, Półciemny. Kolory akcentujące Columbia Blue #cdd9ed i Indigo (Rainbow) #1d306e. Paleta ma temperaturę kolorów Zimny.
Według jasności paleta rozciąga się od #1D306E (najciemniejszy) do #CDD9ED (najjaśniejszy). Zakres jasności jest umiarkowany.
Nasycenie jest mieszane — 2 stonowanych i 1 żywych z 6 kolorów.
Paleta analogiczna: jej odcienie leżą blisko siebie na kole barw, w zakresie około 9°.
Ogólna temperatura barw przechyla się ku zimnu (6 z 6).
Kody HEX (posortowane): #1D306E, #444C64, #58679D, #7C94C9, #A5ACBD, #CDD9ED
Paleta Web design ui features website colours łączy 6 kodów kolorów:
HEX: #7c94c9, RGB: (124, 148, 201); HEX: #cdd9ed, RGB: (205, 217, 237); HEX: #1d306e, RGB: (29, 48, 110)
HEX: #58679d, RGB: (88, 103, 157); HEX: #a5acbd, RGB: (165, 172, 189); HEX: #444c64, RGB: (68, 76, 100)
Uproszczona wersja palety kolorów
Jasny odcień Chabrowy, Jasny odcień Jasny stalowy niebieski, Jasny odcień Nocny błękit, Ciemny odcień Królewski niebieski, Ciemny odcień Jasny stalowy niebieski, Jasny odcień Ciemny łupkowy niebieski
Schemat kolorów został stworzony przez palettespicker
Kody kolorów w palecie
Web design ui features website colours kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #7c94c9 | #7c94c9 | RGB(124, 148, 201) | Dark Pastel Blue | — |
| #cdd9ed | #cdd9ed | RGB(205, 217, 237) | Columbia Blue | — |
| #1d306e | #1d306e | RGB(29, 48, 110) | Indigo (Rainbow) | — |
| #58679d | #58679d | RGB(88, 103, 157) | UCLA Blue | — |
| #a5acbd | #a5acbd | RGB(165, 172, 189) | Cadet Blue (Crayola) | — |
| #444c64 | #444c64 | RGB(68, 76, 100) | Independence | — |
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 |
|---|---|---|
#7c94c9 | #58679d | 1.8 |
#7c94c9 | #a5acbd | 1.33 |
#cdd9ed | #a5acbd | 1.59 |
#1d306e | #444c64 | 1.44 |
#58679d | #444c64 | 1.55 |
Paleta obrazów Web design ui features website colours png
Eksportuj paletę
Pobierz "Web design ui features website colours" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: