blue gray
- blue-grey darken-4#263238
- blue-grey darken-3#37474f
- blue-grey darken-2#455a64
- blue-grey darken-1#546e7a
- blue-grey#607d8b
- blue-grey lighten-1#78909c
- blue-grey lighten-2#90a4ae
- blue-grey lighten-3#b0bec5
- blue-grey lighten-4#cfd8dc
- blue-grey lighten-5#eceff1
Utworzono 09/18/2020 05:10
Paleta składa się z kolorów Ciemny, Półciemny, Jasny. Kolory akcentujące blue-grey darken-4 #263238 i blue-grey darken-1 #546e7a. Paleta ma temperaturę kolorów Zimny, Neutralny.
Według jasności paleta rozciąga się od #263238 (najciemniejszy) do #ECEFF1 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie wydaje się głównie stonowane (niska chroma) — 100% kolorów jest stonowanych.
Paleta analogiczna: jej odcienie leżą blisko siebie na kole barw, w zakresie około 6°.
Ogólna temperatura barw przechyla się ku zimnu (9 z 10).
Kody HEX (posortowane): #263238, #37474F, #455A64, #546E7A, #607D8B, #78909C, #90A4AE, #B0BEC5, #CFD8DC, #ECEFF1
Paleta blue gray łączy 10 kodów kolorów:
HEX: #263238, RGB: (38, 50, 56); HEX: #37474f, RGB: (55, 71, 79); HEX: #455a64, RGB: (69, 90, 100)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #607d8b, RGB: (96, 125, 139); HEX: #78909c, RGB: (120, 144, 156)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #cfd8dc, RGB: (207, 216, 220)
HEX: #eceff1, RGB: (236, 239, 241)
Uproszczona wersja palety kolorów
Ciemny odcień Ciemny łupkowy szary, Ciemny odcień Ciemny łupkowy szary, Jasny odcień Ciemny łupkowy szary, Ciemny odcień Łupkowy szary, Ciemny odcień Łupkowy szary, Jasny odcień Jasny łupkowy szary, Ciemny odcień Ciemnoszary, Ciemny odcień Srebrny, Jasny odcień Jasnoszary, Ciemny odcień Biały dym
Schemat kolorów został stworzony przez andrew78
Kody kolorów w palecie
blue gray kody kolorów HEX, informacje RGB w tabeli
| Kolor | HEX | RGB | Nazwa | Alternatywna nazwa |
|---|---|---|---|---|
| #263238 | #263238 | RGB(38, 50, 56) | blue-grey darken-4 | — |
| #37474f | #37474f | RGB(55, 71, 79) | blue-grey darken-3 | — |
| #455a64 | #455a64 | RGB(69, 90, 100) | blue-grey darken-2 | — |
| #546e7a | #546e7a | RGB(84, 110, 122) | blue-grey darken-1 | — |
| #607d8b | #607d8b | RGB(96, 125, 139) | blue-grey | — |
| #78909c | #78909c | RGB(120, 144, 156) | blue-grey lighten-1 | — |
| #90a4ae | #90a4ae | RGB(144, 164, 174) | blue-grey lighten-2 | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | blue-grey lighten-4 | — |
| #eceff1 | #eceff1 | RGB(236, 239, 241) | blue-grey lighten-5 | — |
Kontrast palety kolorów
17 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
|---|---|---|
#263238 | #37474f | 1.36 |
#263238 | #455a64 | 1.81 |
#37474f | #455a64 | 1.33 |
#37474f | #546e7a | 1.78 |
#455a64 | #546e7a | 1.34 |
#455a64 | #607d8b | 1.65 |
Paleta obrazów blue gray png
Eksportuj paletę
Pobierz "blue gray" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: