Dibuat di 12/27/2017 21:23
2
Brown palette Materialize CSS
brown lighten-5
#efebe9
brown lighten-4
#d7ccc8
brown lighten-3
#bcaaa4
brown lighten-2
#a1887f
brown lighten-1
#8d6e63
brown
#795548
brown darken-1
#6d4c41
brown darken-2
#5d4037
brown darken-3
#4e342e
brown darken-4
#3e2723
Palet terdiri dari Lampu, Setengah gelap, Gelap warna. Warna aksen brown darken-3 #4e342e Dan brown darken-4 #3e2723. Palet memiliki suhu warna Netral, Hangat.
Palette Brown palette Materialize CSS memiliki kombinasi warna kode 10:
HEX: #efebe9, RGB: (239, 235, 233); HEX: #d7ccc8, RGB: (215, 204, 200); HEX: #bcaaa4, RGB: (188, 170, 164)
HEX: #a1887f, RGB: (161, 136, 127); HEX: #8d6e63, RGB: (141, 110, 99); HEX: #795548, RGB: (121, 85, 72)
HEX: #6d4c41, RGB: (109, 76, 65); HEX: #5d4037, RGB: (93, 64, 55); HEX: #4e342e, RGB: (78, 52, 46)
HEX: #3e2723, RGB: (62, 39, 35)
Versi warna palet yang disederhanakan
Warna dari whitesmoke, Warna dari lightgrey, Bayangan dari darkgrey, Warna dari rosybrown, Bayangan dari sienna, Warna dari sienna, Bayangan dari saddlebrown, Warna dari saddlebrown, Bayangan dari Merah tua, Bayangan dari Hitam
Skema warna diciptakan oleh mz
Kode warna dalam palet
Brown palette Materialize CSS kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #efebe9 | RGB(239, 235, 233) | brown lighten-5 | — | |
| #d7ccc8 | RGB(215, 204, 200) | brown lighten-4 | — | |
| #bcaaa4 | RGB(188, 170, 164) | brown lighten-3 | — | |
| #a1887f | RGB(161, 136, 127) | brown lighten-2 | — | |
| #8d6e63 | RGB(141, 110, 99) | brown lighten-1 | — | |
| #795548 | RGB(121, 85, 72) | brown | — | |
| #6d4c41 | RGB(109, 76, 65) | brown darken-1 | — | |
| #5d4037 | RGB(93, 64, 55) | brown darken-2 | — | |
| #4e342e | RGB(78, 52, 46) | brown darken-3 | — | |
| #3e2723 | RGB(62, 39, 35) | brown darken-4 | — |
Kontras Palet Warna
17 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#efebe9 | #d7ccc8 | 1.32 |
#efebe9 | #bcaaa4 | 1.88 |
#d7ccc8 | #bcaaa4 | 1.41 |
#bcaaa4 | #a1887f | 1.48 |
#a1887f | #8d6e63 | 1.39 |
#a1887f | #795548 | 1.97 |
