Light Blue palette Materialize CSS
- light-blue lighten-5#e1f5fe
- light-blue lighten-4#b3e5fc
- light-blue lighten-3#81d4fa
- light-blue lighten-2#4fc3f7
- light-blue lighten-1#29b6f6
- light-blue#03a9f4
- light-blue darken-1#039be5
- light-blue darken-2#0288d1
- light-blue darken-3#0277bd
- light-blue darken-4#01579b
- light-blue accent-1#80d8ff
- light-blue accent-2#40c4ff
- light-blue accent-3#00b0ff
- light-blue accent-4#0091ea
4
Dibuat pada 12/27/2017 20:23
Palet terdiri dari Terang, Setengah gelap warna. Warna aksen light-blue accent-1 #80d8ff dan light-blue accent-2 #40c4ff. Palet memiliki suhu warna Netral, Dingin.
Menurut kecerahan, palet ini dari #01579B (paling gelap) ke #E1F5FE (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 8°.
Secara keseluruhan suhu warna condong ke dingin (13 dari 14).
Kode HEX (diurutkan): #0091EA, #00B0FF, #01579B, #0277BD, #0288D1, #039BE5, #03A9F4, #29B6F6, #40C4FF, #4FC3F7, #80D8FF, #81D4FA, #B3E5FC, #E1F5FE
Palet Light Blue palette Materialize CSS menggabungkan 14 kode warna:
HEX: #e1f5fe, RGB: (225, 245, 254); HEX: #b3e5fc, RGB: (179, 229, 252); HEX: #81d4fa, RGB: (129, 212, 250)
HEX: #4fc3f7, RGB: (79, 195, 247); HEX: #29b6f6, RGB: (41, 182, 246); HEX: #03a9f4, RGB: (3, 169, 244)
HEX: #039be5, RGB: (3, 155, 229); HEX: #0288d1, RGB: (2, 136, 209); HEX: #0277bd, RGB: (2, 119, 189)
HEX: #01579b, RGB: (1, 87, 155); HEX: #80d8ff, RGB: (128, 216, 255); HEX: #40c4ff, RGB: (64, 196, 255)
HEX: #00b0ff, RGB: (0, 176, 255); HEX: #0091ea, RGB: (0, 145, 234)
Versi warna palet yang disederhanakan
Nuansa gelap dari Azur, Nuansa terang dari Biru muda, Nuansa terang dari Biru langit, Nuansa terang dari Biru langit tua, Nuansa terang dari Biru langit tua, Nuansa gelap dari Biru langit tua, Nuansa gelap dari Biru Dodger, Nuansa gelap dari Biru baja, Nuansa gelap dari Biru baja, Nuansa gelap dari Biru royal, Nuansa terang dari Biru langit, Nuansa terang dari Biru langit tua, Nuansa gelap dari Biru langit tua, Nuansa gelap dari Biru Dodger
Skema warna diciptakan oleh mz
Kode warna dalam palet
Light Blue palette Materialize CSS kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #e1f5fe | #e1f5fe | RGB(225, 245, 254) | light-blue lighten-5 | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | light-blue lighten-4 | — |
| #81d4fa | #81d4fa | RGB(129, 212, 250) | light-blue lighten-3 | — |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | light-blue lighten-2 | — |
| #29b6f6 | #29b6f6 | RGB(41, 182, 246) | light-blue lighten-1 | — |
| #03a9f4 | #03a9f4 | RGB(3, 169, 244) | light-blue | — |
| #039be5 | #039be5 | RGB(3, 155, 229) | light-blue darken-1 | — |
| #0288d1 | #0288d1 | RGB(2, 136, 209) | light-blue darken-2 | — |
| #0277bd | #0277bd | RGB(2, 119, 189) | light-blue darken-3 | — |
| #01579b | #01579b | RGB(1, 87, 155) | light-blue darken-4 | — |
| #80d8ff | #80d8ff | RGB(128, 216, 255) | light-blue accent-1 | — |
| #40c4ff | #40c4ff | RGB(64, 196, 255) | light-blue accent-2 | — |
| #00b0ff | #00b0ff | RGB(0, 176, 255) | light-blue accent-3 | — |
| #0091ea | #0091ea | RGB(0, 145, 234) | light-blue accent-4 | — |
Kontras Palet Warna
60 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#e1f5fe | #b3e5fc | 1.2 |
#e1f5fe | #81d4fa | 1.46 |
#e1f5fe | #4fc3f7 | 1.78 |
#e1f5fe | #80d8ff | 1.41 |
#e1f5fe | #40c4ff | 1.77 |
#b3e5fc | #81d4fa | 1.21 |
Palet gambar Light Blue palette Materialize CSS png
Ekspor Palet
Unduh "Light Blue palette Materialize CSS" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: