創建於 07/03/2020 15:53
1
Bootstrap 5 colors
Primary
#0d6efd
Secondary
#6c757d
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Light
#f8f9fa
Dark
#343a40
調色盤由 半暗, 光 種顏色組成. 強調色 Primary #0d6efd 和 Warning #ffc107. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Bootstrap 5 colors 具有 8 程式碼顏色的組合:
十六進位: #0d6efd, RGB: (13, 110, 253); 十六進位: #6c757d, RGB: (108, 117, 125); 十六進位: #28a745, RGB: (40, 167, 69)
十六進位: #dc3545, RGB: (220, 53, 69); 十六進位: #ffc107, RGB: (255, 193, 7); 十六進位: #17a2b8, RGB: (23, 162, 184)
十六進位: #f8f9fa, RGB: (248, 249, 250); 十六進位: #343a40, RGB: (52, 58, 64)
調色板顏色的簡化版本
色調 royalblue, 色調 slategrey, 色調 mediumseagreen, 陰影 crimson, 色調 gold, 色調 cadetblue, 陰影 whitesmoke, 色調 darkslategrey
配色方案是由 colorswall
調色盤中的顏色代碼
Bootstrap 5 colors 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #0d6efd | #0d6efd | RGB(13, 110, 253) | Primary | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | Secondary | Pompeii Ash |
| #28a745 | #28a745 | RGB(40, 167, 69) | Success | — |
| #dc3545 | #dc3545 | RGB(220, 53, 69) | Danger | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | Warning | — |
| #17a2b8 | #17a2b8 | RGB(23, 162, 184) | Info | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Light | — |
| #343a40 | #343a40 | RGB(52, 58, 64) | Dark | — |
色彩調色板對比度
13 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#0d6efd | #6c757d | 1.04 |
#0d6efd | #28a745 | 1.43 |
#0d6efd | #dc3545 | 1 |
#0d6efd | #17a2b8 | 1.47 |
#6c757d | #28a745 | 1.49 |
#6c757d | #dc3545 | 1.03 |
