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
Dibuat pada 12/27/2017 20:20
Palet terdiri dari Terang, Setengah gelap, Gelap warna. Warna aksen indigo accent-1 #8c9eff dan indigo accent-4 #304ffe. Palet memiliki suhu warna Netral, Dingin.
Menurut kecerahan, palet ini dari #1A237E (paling gelap) ke #E8EAF6 (paling terang). Rentang kecerahan lebar.
Saturasi berada di rentang menengah, rata-rata 64% pada palet ini.
Palet analog: rona warnanya berdekatan di roda warna, dalam rentang sekitar 4°.
Secara keseluruhan suhu warna condong ke dingin (13 dari 14).
Kode HEX (diurutkan): #1A237E, #283593, #303F9F, #304FFE, #3949AB, #3D5AFE, #3F51B5, #536DFE, #5C6BC0, #7986CB, #8C9EFF, #9FA8DA, #C5CAE9, #E8EAF6
Palet Indigo palette Materialize CSS menggabungkan 14 kode warna:
HEX: #e8eaf6, RGB: (232, 234, 246); HEX: #c5cae9, RGB: (197, 202, 233); HEX: #9fa8da, RGB: (159, 168, 218)
HEX: #7986cb, RGB: (121, 134, 203); HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #3f51b5, RGB: (63, 81, 181)
HEX: #3949ab, RGB: (57, 73, 171); HEX: #303f9f, RGB: (48, 63, 159); HEX: #283593, RGB: (40, 53, 147)
HEX: #1a237e, RGB: (26, 35, 126); HEX: #8c9eff, RGB: (140, 158, 255); HEX: #304ffe, RGB: (48, 79, 254)
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #536dfe, RGB: (83, 109, 254)
Versi warna palet yang disederhanakan
Nuansa terang dari Lavender, Nuansa terang dari Biru baja muda, Nuansa gelap dari Biru baja muda, Nuansa gelap dari Biru bunga jagung, Nuansa terang dari Biru royal, Nuansa gelap dari Biru batu, Nuansa terang dari Biru batu tua, Nuansa gelap dari Biru batu tua, Nuansa gelap dari Biru batu tua, Nuansa terang dari Biru tengah malam, Nuansa terang dari Biru bunga jagung, Nuansa gelap dari Biru batu, Nuansa gelap dari Biru royal, Nuansa terang dari Biru royal
Skema warna diciptakan oleh mz
Kode warna dalam palet
Indigo palette Materialize CSS kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #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 | — |
Kontras Palet Warna
43 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
Palet gambar Indigo palette Materialize CSS png
Ekspor Palet
Unduh "Indigo palette Materialize CSS" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: