Utworzono o godz 12/27/2017 20:32
1
Teal palette Materialize CSS
teal lighten-5
#e0f2f1
teal lighten-4
#b2dfdb
teal lighten-3
#80cbc4
teal lighten-2
#4db6ac
teal lighten-1
#26a69a
teal
#009688
teal darken-1
#00897b
teal darken-2
#00796b
teal darken-3
#00695c
teal darken-4
#004d40
teal accent-1
#a7ffeb
teal accent-2
#64ffda
teal accent-3
#1de9b6
teal accent-4
#00bfa5
Paleta składa się z kolorów Światło, Półciemny. Kolory akcentujące teal accent-1 #a7ffeb i teal accent-2 #64ffda. Paleta ma temperaturę kolorów Neutralny, Zimny.
Paleta Teal palette Materialize CSS zawiera kombinację kolorów kodów 14:
KLĄTWA: #e0f2f1, RGB: (224, 242, 241); KLĄTWA: #b2dfdb, RGB: (178, 223, 219); KLĄTWA: #80cbc4, RGB: (128, 203, 196)
KLĄTWA: #4db6ac, RGB: (77, 182, 172); KLĄTWA: #26a69a, RGB: (38, 166, 154); KLĄTWA: #009688, RGB: (0, 150, 136)
KLĄTWA: #00897b, RGB: (0, 137, 123); KLĄTWA: #00796b, RGB: (0, 121, 107); KLĄTWA: #00695c, RGB: (0, 105, 92)
KLĄTWA: #004d40, RGB: (0, 77, 64); KLĄTWA: #a7ffeb, RGB: (167, 255, 235); KLĄTWA: #64ffda, RGB: (100, 255, 218)
KLĄTWA: #1de9b6, RGB: (29, 233, 182); KLĄTWA: #00bfa5, RGB: (0, 191, 165)
Uproszczona wersja palety kolorów
Odcień azure, Odcień powderblue, Cień mediumturquoise, Cień lightseagreen, Odcień lightseagreen, Cień darkcyan, Odcień darkcyan, Odcień Cyraneczka, Odcień Cyraneczka, Odcień darkslategrey, Cień aquamarine, Odcień aquamarine, Odcień aquamarine, Odcień lightseagreen
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Teal palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
#e0f2f1 | RGB(224, 242, 241) | teal lighten-5 | — | |
#b2dfdb | RGB(178, 223, 219) | teal lighten-4 | — | |
#80cbc4 | RGB(128, 203, 196) | teal lighten-3 | — | |
#4db6ac | RGB(77, 182, 172) | teal lighten-2 | — | |
#26a69a | RGB(38, 166, 154) | teal lighten-1 | — | |
#009688 | RGB(0, 150, 136) | teal | — | |
#00897b | RGB(0, 137, 123) | teal darken-1 | — | |
#00796b | RGB(0, 121, 107) | teal darken-2 | — | |
#00695c | RGB(0, 105, 92) | teal darken-3 | — | |
#004d40 | RGB(0, 77, 64) | teal darken-4 | — | |
#a7ffeb | RGB(167, 255, 235) | teal accent-1 | — | |
#64ffda | RGB(100, 255, 218) | teal accent-2 | — | |
#1de9b6 | RGB(29, 233, 182) | teal accent-3 | — | |
#00bfa5 | RGB(0, 191, 165) | teal accent-4 | — |
Kontrast palety kolorów
44 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#e0f2f1 | #b2dfdb | 1.25 |
#e0f2f1 | #80cbc4 | 1.61 |
#e0f2f1 | #a7ffeb | 1 |
#e0f2f1 | #64ffda | 1.07 |
#e0f2f1 | #1de9b6 | 1.35 |
#b2dfdb | #80cbc4 | 1.28 |