Red palette Materialize CSS
- red-lighten-5#ffebee
- red-lighten-4#ffcdd2
- red-lighten-3#ef9a9a
- red-lighten-2#e57373
- red-lighten-1#ef5350
- red#f44336
- red-darken-1#e53935
- red-darken-2#d32f2f
- red-darken-3#c62828
- red-darken-4#b71c1c
- red-accent-1#ff8a80
- red-accent-2#ff5252
- red-accent-3#ff1744
- red-accent-4#d50000
Dibuat pada 12/16/2017 13:43
Palet terdiri dari Terang, Setengah gelap, Gelap warna. Warna aksen red-lighten-5 #ffebee dan red-lighten-4 #ffcdd2. Palet memiliki suhu warna Netral, Hangat.
Menurut kecerahan, palet ini dari #B71C1C (paling gelap) ke #FFEBEE (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 16°.
Secara keseluruhan suhu warna condong ke hangat (13 dari 14).
Kode HEX (diurutkan): #B71C1C, #C62828, #D32F2F, #D50000, #E53935, #E57373, #EF5350, #EF9A9A, #F44336, #FF1744, #FF5252, #FF8A80, #FFCDD2, #FFEBEE
Palet Red palette Materialize CSS menggabungkan 14 kode warna:
HEX: #ffebee, RGB: (255, 235, 238); HEX: #ffcdd2, RGB: (255, 205, 210); HEX: #ef9a9a, RGB: (239, 154, 154)
HEX: #e57373, RGB: (229, 115, 115); HEX: #ef5350, RGB: (239, 83, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #e53935, RGB: (229, 57, 53); HEX: #d32f2f, RGB: (211, 47, 47); HEX: #c62828, RGB: (198, 40, 40)
HEX: #b71c1c, RGB: (183, 28, 28); HEX: #ff8a80, RGB: (255, 138, 128); HEX: #ff5252, RGB: (255, 82, 82)
HEX: #ff1744, RGB: (255, 23, 68); HEX: #d50000, RGB: (213, 0, 0)
Versi warna palet yang disederhanakan
Nuansa gelap dari Lavender kemerahan, Nuansa terang dari Merah Jambu, Nuansa terang dari Koral muda, Nuansa gelap dari Koral muda, Nuansa terang dari Merah India, Nuansa gelap dari Tomat, Nuansa terang dari Merah, Nuansa terang dari Krimson, Nuansa terang dari Merah bata, Nuansa gelap dari Merah bata, Nuansa terang dari Salem, Nuansa gelap dari Tomat, Nuansa terang dari Krimson, Nuansa gelap dari Merah bata
Skema warna diciptakan oleh mz
Kode warna dalam palet
Red palette Materialize CSS kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
|---|---|---|---|---|
| #ffebee | #ffebee | RGB(255, 235, 238) | red-lighten-5 | Just Pink Enough |
| #ffcdd2 | #ffcdd2 | RGB(255, 205, 210) | red-lighten-4 | — |
| #ef9a9a | #ef9a9a | RGB(239, 154, 154) | red-lighten-3 | — |
| #e57373 | #e57373 | RGB(229, 115, 115) | red-lighten-2 | — |
| #ef5350 | #ef5350 | RGB(239, 83, 80) | red-lighten-1 | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | red | — |
| #e53935 | #e53935 | RGB(229, 57, 53) | red-darken-1 | — |
| #d32f2f | #d32f2f | RGB(211, 47, 47) | red-darken-2 | — |
| #c62828 | #c62828 | RGB(198, 40, 40) | red-darken-3 | — |
| #b71c1c | #b71c1c | RGB(183, 28, 28) | red-darken-4 | — |
| #ff8a80 | #ff8a80 | RGB(255, 138, 128) | red-accent-1 | — |
| #ff5252 | #ff5252 | RGB(255, 82, 82) | red-accent-2 | — |
| #ff1744 | #ff1744 | RGB(255, 23, 68) | red-accent-3 | — |
| #d50000 | #d50000 | RGB(213, 0, 0) | red-accent-4 | — |
Kontras Palet Warna
61 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
|---|---|---|
#ffebee | #ffcdd2 | 1.23 |
#ffebee | #ef9a9a | 1.88 |
#ffebee | #ff8a80 | 1.99 |
#ffcdd2 | #ef9a9a | 1.52 |
#ffcdd2 | #ff8a80 | 1.62 |
#ef9a9a | #e57373 | 1.38 |
Palet gambar Red palette Materialize CSS png
Ekspor Palet
Unduh "Red palette Materialize CSS" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: