Utworzono o godz 12/15/2017 21:20
3
Blue Grey palette Materialize CSS
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
Paleta składa się z kolorów Ciemny, Światło, Półciemny. Kolory akcentujące blue-grey darken-4 #263238 i blue-grey darken-1 #546e7a. Paleta ma temperaturę kolorów Zimny, Neutralny.
Paleta Blue Grey palette Materialize CSS zawiera kombinację kolorów kodów 10:
KLĄTWA: #263238, RGB: (38, 50, 56); KLĄTWA: #37474f, RGB: (55, 71, 79); KLĄTWA: #455a64, RGB: (69, 90, 100)
KLĄTWA: #546e7a, RGB: (84, 110, 122); KLĄTWA: #607d8b, RGB: (96, 125, 139); KLĄTWA: #78909c, RGB: (120, 144, 156)
KLĄTWA: #90a4ae, RGB: (144, 164, 174); KLĄTWA: #b0bec5, RGB: (176, 190, 197); KLĄTWA: #cfd8dc, RGB: (207, 216, 220)
KLĄTWA: #eceff1, RGB: (236, 239, 241)
Uproszczona wersja palety kolorów
Odcień darkslategrey, Odcień darkslategrey, Cień darkslategrey, Odcień slategrey, Odcień slategrey, Cień lightslategrey, Odcień darkgrey, Odcień Srebro, Cień lightgrey, Odcień whitesmoke
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Blue Grey palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
#263238 | RGB(38, 50, 56) | blue-grey darken-4 | — | |
#37474f | RGB(55, 71, 79) | blue-grey darken-3 | — | |
#455a64 | RGB(69, 90, 100) | blue-grey darken-2 | — | |
#546e7a | RGB(84, 110, 122) | blue-grey darken-1 | — | |
#607d8b | RGB(96, 125, 139) | blue-grey | — | |
#78909c | RGB(120, 144, 156) | blue-grey lighten-1 | — | |
#90a4ae | RGB(144, 164, 174) | blue-grey lighten-2 | — | |
#b0bec5 | RGB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive | |
#cfd8dc | RGB(207, 216, 220) | blue-grey lighten-4 | — | |
#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 |