Web squarespace design palette
- Picton Blue#40bdf1
- Maya Blue#5bccf1
- Blue Sapphire#0f6067
- Copper Penny#b27a6e
- Columbia Blue#ccdce4
- Medium Jungle Green#1d3238
Utworzono 07/20/2022 12:52
Paleta składa się z kolorów Jasny, Półciemny, Ciemny. Kolory akcentujące Picton Blue #40bdf1 i Copper Penny #b27a6e. Paleta ma temperaturę kolorów Zimny, Ciepły.
Według jasności paleta rozciąga się od #1D3238 (najciemniejszy) do #CCDCE4 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie leży w średnim zakresie, średnio 56% w całej palecie.
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 (5 z 6).
Kody HEX (posortowane): #0F6067, #1D3238, #40BDF1, #5BCCF1, #B27A6E, #CCDCE4
Paleta Web squarespace design palette łączy 6 kodów kolorów:
HEX: #40bdf1, RGB: (64, 189, 241); HEX: #5bccf1, RGB: (91, 204, 241); HEX: #0f6067, RGB: (15, 96, 103)
HEX: #b27a6e, RGB: (178, 122, 110); HEX: #ccdce4, RGB: (204, 220, 228); HEX: #1d3238, RGB: (29, 50, 56)
Uproszczona wersja palety kolorów
Jasny odcień Głęboki błękit nieba, Ciemny odcień Błękit nieba, Jasny odcień Ciemny łupkowy szary, Ciemny odcień Różowobrązowy, Ciemny odcień Gainsboro, Ciemny odcień Ciemny łupkowy szary
Schemat kolorów został stworzony przez colorswall
Kody kolorów w palecie
Web squarespace design palette kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #40bdf1 | #40bdf1 | RGB(64, 189, 241) | Picton Blue | — |
| #5bccf1 | #5bccf1 | RGB(91, 204, 241) | Maya Blue | — |
| #0f6067 | #0f6067 | RGB(15, 96, 103) | Blue Sapphire | — |
| #b27a6e | #b27a6e | RGB(178, 122, 110) | Copper Penny | — |
| #ccdce4 | #ccdce4 | RGB(204, 220, 228) | Columbia Blue | — |
| #1d3238 | #1d3238 | RGB(29, 50, 56) | Medium Jungle Green | — |
Kontrast palety kolorów
6 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#40bdf1 | #5bccf1 | 1.16 |
#40bdf1 | #b27a6e | 1.65 |
#40bdf1 | #ccdce4 | 1.52 |
#5bccf1 | #b27a6e | 1.92 |
#5bccf1 | #ccdce4 | 1.31 |
#0f6067 | #1d3238 | 1.84 |
Paleta obrazów Web squarespace design palette png
Eksportuj paletę
Pobierz "Web squarespace design palette" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: