Blue palette Materialize CSS
- blue lighten-5#e3f2fd
- blue lighten-4#bbdefb
- blue lighten-3#90caf9
- blue lighten-2#64b5f6
- blue lighten-1#42a5f5
- blue#2196f3
- blue darken-1#1e88e5
- blue darken-2#1976d2
- blue darken-3#1565c0
- blue darken-4#0d47a1
- blue accent-1#82b1ff
- blue accent-2#448aff
- blue accent-3#2979ff
- blue accent-4#2962ff
Dibuat pada 12/27/2017 12:56
Palet terdiri dari Terang, Setengah gelap warna. Warna aksen blue accent-1 #82b1ff dan blue accent-2 #448aff. Palet memiliki suhu warna Netral, Dingin.
Menurut kecerahan, palet ini dari #0D47A1 (paling gelap) ke #E3F2FD (paling terang). Rentang kecerahan sedang.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 100% warna cerah.
Palet analog: rona warnanya berdekatan di roda warna, dalam rentang sekitar 19°.
Secara keseluruhan suhu warna condong ke dingin (13 dari 14).
Kode HEX (diurutkan): #0D47A1, #1565C0, #1976D2, #1E88E5, #2196F3, #2962FF, #2979FF, #42A5F5, #448AFF, #64B5F6, #82B1FF, #90CAF9, #BBDEFB, #E3F2FD
Palet Blue palette Materialize CSS menggabungkan 14 kode warna:
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #bbdefb, RGB: (187, 222, 251); HEX: #90caf9, RGB: (144, 202, 249)
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #1976d2, RGB: (25, 118, 210); HEX: #1565c0, RGB: (21, 101, 192)
HEX: #0d47a1, RGB: (13, 71, 161); HEX: #82b1ff, RGB: (130, 177, 255); HEX: #448aff, RGB: (68, 138, 255)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #2962ff, RGB: (41, 98, 255)
Versi warna palet yang disederhanakan
Nuansa gelap dari Biru Alice, Nuansa terang dari Biru baja muda, Nuansa terang dari Biru langit muda, Nuansa terang dari Biru langit tua, Nuansa terang dari Biru Dodger, Nuansa terang dari Biru Dodger, Nuansa gelap dari Biru Dodger, Nuansa gelap dari Biru baja, Nuansa gelap dari Biru royal, Nuansa gelap dari Biru batu tua, Nuansa terang dari Biru bunga jagung, Nuansa terang dari Biru Dodger, Nuansa terang dari Biru royal, Nuansa gelap dari Biru royal
Skema warna diciptakan oleh mz
Kode warna dalam palet
Blue palette Materialize CSS kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #e3f2fd | #e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — |
| #bbdefb | #bbdefb | RGB(187, 222, 251) | blue lighten-4 | — |
| #90caf9 | #90caf9 | RGB(144, 202, 249) | blue lighten-3 | — |
| #64b5f6 | #64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — |
| #42a5f5 | #42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — |
| #2196f3 | #2196f3 | RGB(33, 150, 243) | blue | — |
| #1e88e5 | #1e88e5 | RGB(30, 136, 229) | blue darken-1 | — |
| #1976d2 | #1976d2 | RGB(25, 118, 210) | blue darken-2 | — |
| #1565c0 | #1565c0 | RGB(21, 101, 192) | blue darken-3 | — |
| #0d47a1 | #0d47a1 | RGB(13, 71, 161) | blue darken-4 | — |
| #82b1ff | #82b1ff | RGB(130, 177, 255) | blue accent-1 | — |
| #448aff | #448aff | RGB(68, 138, 255) | blue accent-2 | — |
| #2979ff | #2979ff | RGB(41, 121, 255) | blue accent-3 | — |
| #2962ff | #2962ff | RGB(41, 98, 255) | blue accent-4 | — |
Kontras Palet Warna
54 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#e3f2fd | #bbdefb | 1.22 |
#e3f2fd | #90caf9 | 1.53 |
#e3f2fd | #64b5f6 | 1.93 |
#e3f2fd | #82b1ff | 1.89 |
#bbdefb | #90caf9 | 1.24 |
#bbdefb | #64b5f6 | 1.57 |
Palet gambar Blue palette Materialize CSS png
Ekspor Palet
Unduh "Blue palette Materialize CSS" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: