創建於 04/10/2021 08:51
bootstrap-def
blue
#007bff
indigo
#6610f2
purple
#6f42c1
pink
#e83e8c
red
#dc3545
orange
#fd7e14
yellow
#ffc107
green
#28a745
teal
#20c997
white
#ffffff
cyan
#17a2b8
gray
#6c757d
調色盤由 光, 半暗 種顏色組成. 強調色 blue #007bff 和 yellow #ffc107. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 bootstrap-def 具有 12 程式碼顏色的組合:
十六進位: #007bff, RGB: (0, 123, 255); 十六進位: #6610f2, RGB: (102, 16, 242); 十六進位: #6f42c1, RGB: (111, 66, 193)
十六進位: #e83e8c, RGB: (232, 62, 140); 十六進位: #dc3545, RGB: (220, 53, 69); 十六進位: #fd7e14, RGB: (253, 126, 20)
十六進位: #ffc107, RGB: (255, 193, 7); 十六進位: #28a745, RGB: (40, 167, 69); 十六進位: #20c997, RGB: (32, 201, 151)
十六進位: #ffffff, RGB: (255, 255, 255); 十六進位: #17a2b8, RGB: (23, 162, 184); 十六進位: #6c757d, RGB: (108, 117, 125)
調色板顏色的簡化版本
色調 steelblue, 色調 blueviolet, 陰影 blueviolet, 陰影 deeppink, 陰影 crimson, 色調 darkorange, 色調 gold, 色調 mediumseagreen, 色調 mediumaquamarine, 白色的, 色調 cadetblue, 色調 slategrey
配色方案是由 marko
調色盤中的顏色代碼
bootstrap-def 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #007bff | #007bff | RGB(0, 123, 255) | blue | — |
| #6610f2 | #6610f2 | RGB(102, 16, 242) | indigo | — |
| #6f42c1 | #6f42c1 | RGB(111, 66, 193) | purple | — |
| #e83e8c | #e83e8c | RGB(232, 62, 140) | pink | — |
| #dc3545 | #dc3545 | RGB(220, 53, 69) | red | — |
| #fd7e14 | #fd7e14 | RGB(253, 126, 20) | orange | — |
| #ffc107 | #ffc107 | RGB(255, 193, 7) | yellow | — |
| #28a745 | #28a745 | RGB(40, 167, 69) | green | — |
| #20c997 | #20c997 | RGB(32, 201, 151) | teal | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | white | — |
| #17a2b8 | #17a2b8 | RGB(23, 162, 184) | cyan | — |
| #6c757d | #6c757d | RGB(108, 117, 125) | gray | Pompeii Ash |
色彩調色板對比度
40 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#007bff | #6610f2 | 1.8 |
#007bff | #6f42c1 | 1.63 |
#007bff | #e83e8c | 1.04 |
#007bff | #dc3545 | 1.13 |
#007bff | #fd7e14 | 1.54 |
#007bff | #28a745 | 1.27 |
