創建於 12/12/2017 10:47
11
Bootstrap 4 colors
- Primary#0275d8
- Success#5cb85c
- Info#5bc0de
- Warning#f0ad4e
- Danger#d9534f
- Inverse#292b2c
- Faded#f7f7f7
調色盤由 半暗, 光, 黑暗的 種顏色組成. 強調色 Primary #0275d8 和 Warning #f0ad4e. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
依亮度,此調色盤由 #292B2C(最深)到 #F7F7F7(最淺)。 亮度範圍較寬。
整體飽和度偏鮮明(彩度較高)。
有些色相成對接近互補位置——可能讀成互補對比(啟發式)。
整體色溫偏冷。
HEX 代碼(排序):#0275D8, #292B2C, #5BC0DE, #5CB85C, #D9534F, #F0AD4E, #F7F7F7
調色盤 Bootstrap 4 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
配色方案是由 mz
調色盤中的顏色代碼
Bootstrap 4 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 |
圖像調色板 Bootstrap 4 colors PNG
匯出調色盤
下載 "Bootstrap 4 colors" 多種格式,以便無縫整合到您的設計專案中。
可用格式:
