Dibuat di 12/12/2017 10:47
Bootstrap 4 colors
- Primary#0275d8
- Success#5cb85c
- Info#5bc0de
- Warning#f0ad4e
- Danger#d9534f
- Inverse#292b2c
- Faded#f7f7f7
Palet terdiri dari Setengah gelap, Lampu, Gelap warna. Warna aksen Primary #0275d8 Dan Warning #f0ad4e. Palet memiliki suhu warna Dingin, Netral, Hangat.
Menurut kecerahan, palet ini dari #292B2C (paling gelap) ke #F7F7F7 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi).
Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).
Secara keseluruhan suhu warna condong ke dingin.
Kode HEX (diurutkan): #0275D8, #292B2C, #5BC0DE, #5CB85C, #D9534F, #F0AD4E, #F7F7F7
Palette Bootstrap 4 colors memiliki kombinasi warna kode 7:
HEX: #0275d8, RGB: (2, 117, 216); HEX: #5cb85c, RGB: (92, 184, 92); HEX: #5bc0de, RGB: (91, 192, 222)
HEX: #f0ad4e, RGB: (240, 173, 78); HEX: #d9534f, RGB: (217, 83, 79); HEX: #292b2c, RGB: (41, 43, 44)
HEX: #f7f7f7, RGB: (247, 247, 247)
Versi warna palet yang disederhanakan
Warna dari steelblue, Bayangan dari mediumseagreen, Warna dari skyblue, Bayangan dari Oranye, Warna dari indianred, Bayangan dari Hitam, Bayangan dari whitesmoke
Skema warna diciptakan oleh mz
Kode warna dalam palet
Bootstrap 4 colors kode warna HEX, informasi RGB dalam tabel
| Warna | HEX | RGB | Nama | nama alternatif |
| #0275d8 | #0275d8 | RGB(2, 117, 216) | Primary | — |
| #5cb85c | #5cb85c | RGB(92, 184, 92) | Success | — |
| #5bc0de | #5bc0de | RGB(91, 192, 222) | Info | — |
| #f0ad4e | #f0ad4e | RGB(240, 173, 78) | Warning | — |
| #d9534f | #d9534f | RGB(217, 83, 79) | Danger | — |
| #292b2c | #292b2c | RGB(41, 43, 44) | Inverse | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Faded | Lynx White |
Kontras Palet Warna
9 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
| Warna teks | Warna latar belakang | Rasio Kontras |
#0275d8 | #5cb85c | 1.86 |
#0275d8 | #d9534f | 1.16 |
#5cb85c | #5bc0de | 1.18 |
#5cb85c | #f0ad4e | 1.27 |
#5cb85c | #d9534f | 1.59 |
#5bc0de | #f0ad4e | 1.07 |
Palet gambar Bootstrap 4 colors png
Ekspor Palet
Unduh "Bootstrap 4 colors" dalam berbagai format untuk integrasi yang mulus ke proyek desain Anda.
Format tersedia: