Bootstrap 4 colors
- Primary#0275d8
- Success#5cb85c
- Info#5bc0de
- Warning#f0ad4e
- Danger#d9534f
- Inverse#292b2c
- Faded#f7f7f7
13
Dibuat pada 12/12/2017 10:47
Palet terdiri dari Setengah gelap, Terang, Gelap warna. Warna aksen Primary #0275d8 dan Warning #f0ad4e. Palet memiliki suhu warna Dingin, Hangat, Netral.
Menurut kecerahan, palet ini dari #292B2C (paling gelap) ke #F7F7F7 (paling terang). Rentang kecerahan lebar.
Saturasi keseluruhan terasa hidup (chroma tinggi) — 57% warna cerah.
Beberapa warna hampir berseberangan di roda warna, memberi palet ini kontras komplementer.
Secara keseluruhan suhu warna condong ke dingin (3 dari 7).
Kode HEX (diurutkan): #0275D8, #292B2C, #5BC0DE, #5CB85C, #D9534F, #F0AD4E, #F7F7F7
Palet Bootstrap 4 colors menggabungkan 7 kode warna:
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
Nuansa gelap dari Biru baja, Nuansa terang dari Hijau laut sedang, Nuansa gelap dari Biru langit, Nuansa terang dari Oranye, Nuansa gelap dari Merah India, Nuansa terang dari Hitam, Nuansa terang dari Asap putih
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: