Utworzono o godz 12/27/2017 20:20
Indigo palette Materialize CSS
- indigo lighten-4#e8eaf6
- indigo lighten-3#c5cae9
- indigo lighten-2#9fa8da
- indigo lighten-1#7986cb
- #5c6bc0
- indigo#3f51b5
- indigo darken-1#3949ab
- indigo darken-2#303f9f
- indigo darken-3#283593
- indigo darken-4#1a237e
- indigo accent-1#8c9eff
- indigo accent-4#304ffe
- indigo accent-3#3d5afe
- indigo accent-2#536dfe
Paleta składa się z kolorów Światło, Półciemny, Ciemny. Kolory akcentujące indigo accent-1 #8c9eff i indigo accent-4 #304ffe. Paleta ma temperaturę kolorów Neutralny, Zimny.
Według jasności paleta rozciąga się od #1A237E (najciemniejszy) do #E8EAF6 (najjaśniejszy). Zakres jasności jest szeroki.
Nasycenie leży w średnim zakresie.
Rozłożenie barw sugeruje głównie analogiczny zespół (heurystyka, nie sztywna reguła).
Ogólna temperatura barw przechyla się ku zimnu.
Kody HEX (posortowane): #1A237E, #283593, #303F9F, #304FFE, #3949AB, #3D5AFE, #3F51B5, #536DFE, #5C6BC0, #7986CB, #8C9EFF, #9FA8DA, #C5CAE9, #E8EAF6
Paleta Indigo palette Materialize CSS zawiera kombinację kolorów kodów 14:
KLĄTWA: #e8eaf6, RGB: (232, 234, 246); KLĄTWA: #c5cae9, RGB: (197, 202, 233); KLĄTWA: #9fa8da, RGB: (159, 168, 218)
KLĄTWA: #7986cb, RGB: (121, 134, 203); KLĄTWA: #5c6bc0, RGB: (92, 107, 192); KLĄTWA: #3f51b5, RGB: (63, 81, 181)
KLĄTWA: #3949ab, RGB: (57, 73, 171); KLĄTWA: #303f9f, RGB: (48, 63, 159); KLĄTWA: #283593, RGB: (40, 53, 147)
KLĄTWA: #1a237e, RGB: (26, 35, 126); KLĄTWA: #8c9eff, RGB: (140, 158, 255); KLĄTWA: #304ffe, RGB: (48, 79, 254)
KLĄTWA: #3d5afe, RGB: (61, 90, 254); KLĄTWA: #536dfe, RGB: (83, 109, 254)
Uproszczona wersja palety kolorów
Cień lavender, Cień lightsteelblue, Odcień lightsteelblue, Odcień cornflowerblue, Cień royalblue, Odcień slateblue, Cień darkslateblue, Odcień darkslateblue, Odcień darkslateblue, Cień midnightblue, Cień cornflowerblue, Odcień slateblue, Odcień royalblue, Cień royalblue
Schemat kolorów został stworzony przez mz
Kody kolorów w palecie
Indigo palette Materialize CSS kody kolorów HEX, informacje RGB w tabeli
| Kolor | KLĄTWA | RGB | Nazwa | alternatywne imie |
| #e8eaf6 | #e8eaf6 | RGB(232, 234, 246) | indigo lighten-4 | — |
| #c5cae9 | #c5cae9 | RGB(197, 202, 233) | indigo lighten-3 | — |
| #9fa8da | #9fa8da | RGB(159, 168, 218) | indigo lighten-2 | — |
| #7986cb | #7986cb | RGB(121, 134, 203) | indigo lighten-1 | — |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | — | — |
| #3f51b5 | #3f51b5 | RGB(63, 81, 181) | indigo | — |
| #3949ab | #3949ab | RGB(57, 73, 171) | indigo darken-1 | — |
| #303f9f | #303f9f | RGB(48, 63, 159) | indigo darken-2 | — |
| #283593 | #283593 | RGB(40, 53, 147) | indigo darken-3 | — |
| #1a237e | #1a237e | RGB(26, 35, 126) | indigo darken-4 | — |
| #8c9eff | #8c9eff | RGB(140, 158, 255) | indigo accent-1 | — |
| #304ffe | #304ffe | RGB(48, 79, 254) | indigo accent-4 | — |
| #3d5afe | #3d5afe | RGB(61, 90, 254) | indigo accent-3 | — |
| #536dfe | #536dfe | RGB(83, 109, 254) | indigo accent-2 | — |
Kontrast palety kolorów
43 pary kolorów mają niski kontrast i wymagają poprawy, co może wpłynąć na czytelność.
| Kolor tekstu | Kolor tła | Współczynnik kontrastu |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
Paleta obrazów Indigo palette Materialize CSS png
Eksportuj paletę
Pobierz "Indigo palette Materialize CSS" w różnych formatach, aby bezproblemowo zintegrować ją z projektami graficznymi.
Dostępne formaty: