創建於 08/01/2019 21:04
Bootstrap 4 background colors
Primary
#0275d8
Success
#5cb85c
Info
#5bc0de
Warning
#f0ad4e
Danger
#d9534f
Inverse
#292b2c
Faded
#f7f7f7
調色盤由 半暗, 光, 黑暗的 種顏色組成. 強調色 Primary #0275d8 和 Warning #f0ad4e. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
調色盤 Bootstrap 4 background colors 具有 7 程式碼顏色的組合:
十六進位: #0275d8, RGB: (2, 117, 216); 十六進位: #5cb85c, RGB: (92, 184, 92); 十六進位: #5bc0de, RGB: (91, 192, 222)
十六進位: #f0ad4e, RGB: (240, 173, 78); 十六進位: #d9534f, RGB: (217, 83, 79); 十六進位: #292b2c, RGB: (41, 43, 44)
十六進位: #f7f7f7, RGB: (247, 247, 247)
調色板顏色的簡化版本
色調 steelblue, 陰影 mediumseagreen, 色調 skyblue, 陰影 橘子, 色調 indianred, 陰影 黑色的, 陰影 whitesmoke
配色方案是由 colorswall
調色盤中的顏色代碼
Bootstrap 4 background colors 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #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 |
色彩調色板對比度
9 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#0275d8 | #5cb85c | 1.86 |
#0275d8 | #d9534f | 1.16 |
#5cb85c | #5bc0de | 1.18 |
#5cb85c | #f0ad4e | 1.27 |
#5cb85c | #d9534f | 1.59 |
#5bc0de | #f0ad4e | 1.07 |
