Utworzono o godz 12/27/2017 20:28
1
Cyan palette Materialize CSS
cyan lighten-5
#e0f7fa
cyan lighten-4
#b2ebf2
cyan lighten-3
#80deea
cyan lighten-2
#4dd0e1
cyan lighten-1
#26c6da
cyan
#00bcd4
cyan darken-1
#00acc1
cyan darken-2
#0097a7
cyan darken-3
#00838f
cyan darken-4
#006064
cyan accent-1
#84ffff
cyan accent-2
#18ffff
cyan accent-3
#00e5ff
cyan accent-4
#00b8d4
Paleta składa się z kolorów Światło. Kolory akcentujące cyan accent-1 #84ffff i cyan accent-2 #18ffff. Paleta ma temperaturę kolorów Neutralny, Zimny.
Paleta Cyan palette Materialize CSS zawiera kombinację kolorów kodów 14:
KLĄTWA: #e0f7fa, RGB: (224, 247, 250); KLĄTWA: #b2ebf2, RGB: (178, 235, 242); KLĄTWA: #80deea, RGB: (128, 222, 234)
KLĄTWA: #4dd0e1, RGB: (77, 208, 225); KLĄTWA: #26c6da, RGB: (38, 198, 218); KLĄTWA: #00bcd4, RGB: (0, 188, 212)
KLĄTWA: #00acc1, RGB: (0, 172, 193); KLĄTWA: #0097a7, RGB: (0, 151, 167); KLĄTWA: #00838f, RGB: (0, 131, 143)
KLĄTWA: #006064, RGB: (0, 96, 100); KLĄTWA: #84ffff, RGB: (132, 255, 255); KLĄTWA: #18ffff, RGB: (24, 255, 255)
KLĄTWA: #00e5ff, RGB: (0, 229, 255); KLĄTWA: #00b8d4, RGB: (0, 184, 212)
Uproszczona wersja palety kolorów
Odcień azure, Cień powderblue, Odcień powderblue, Cień darkturquoise, Cień darkturquoise, Odcień darkturquoise, Odcień cadetblue, Odcień cadetblue, Cień Cyraneczka, Odcień darkslategrey, Cień cyan, Cień cyan, Cień darkturquoise, Odcień darkturquoise
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Cyan palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
#e0f7fa | RGB(224, 247, 250) | cyan lighten-5 | — | |
#b2ebf2 | RGB(178, 235, 242) | cyan lighten-4 | — | |
#80deea | RGB(128, 222, 234) | cyan lighten-3 | — | |
#4dd0e1 | RGB(77, 208, 225) | cyan lighten-2 | — | |
#26c6da | RGB(38, 198, 218) | cyan lighten-1 | — | |
#00bcd4 | RGB(0, 188, 212) | cyan | — | |
#00acc1 | RGB(0, 172, 193) | cyan darken-1 | — | |
#0097a7 | RGB(0, 151, 167) | cyan darken-2 | — | |
#00838f | RGB(0, 131, 143) | cyan darken-3 | — | |
#006064 | RGB(0, 96, 100) | cyan darken-4 | — | |
#84ffff | RGB(132, 255, 255) | cyan accent-1 | — | |
#18ffff | RGB(24, 255, 255) | cyan accent-2 | — | |
#00e5ff | RGB(0, 229, 255) | cyan accent-3 | — | |
#00b8d4 | RGB(0, 184, 212) | cyan accent-4 | — |
Kontrast palety kolorów
58 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#e0f7fa | #b2ebf2 | 1.17 |
#e0f7fa | #80deea | 1.39 |
#e0f7fa | #4dd0e1 | 1.65 |
#e0f7fa | #26c6da | 1.85 |
#e0f7fa | #84ffff | 1.06 |
#e0f7fa | #18ffff | 1.12 |