創建於 08/30/2021 08:26
bootstrap 5 fs site
Secondary
#80888f
Primary
#0166fa
Success
#28a745
Danger
#dc3545
Warning
#ffc107
Info
#17a2b8
Dark-Blue
#5b23fb
Light
#fafafa
Dark
#404951
Light-Purple
#9c27b0
Purple
#7b1fa2
Light-Greean
#a1c620
調色盤由 光, 半暗 種顏色組成. 強調色 Primary #0166fa 和 Warning #ffc107. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 bootstrap 5 fs site 具有 12 程式碼顏色的組合:
十六進位: #80888f, RGB: (128, 136, 143); 十六進位: #0166fa, RGB: (1, 102, 250); 十六進位: #28a745, RGB: (40, 167, 69)
十六進位: #dc3545, RGB: (220, 53, 69); 十六進位: #ffc107, RGB: (255, 193, 7); 十六進位: #17a2b8, RGB: (23, 162, 184)
十六進位: #5b23fb, RGB: (91, 35, 251); 十六進位: #fafafa, RGB: (250, 250, 250); 十六進位: #404951, RGB: (64, 73, 81)
十六進位: #9c27b0, RGB: (156, 39, 176); 十六進位: #7b1fa2, RGB: (123, 31, 162); 十六進位: #a1c620, RGB: (161, 198, 32)
調色板顏色的簡化版本
陰影 lightslategrey, 色調 royalblue, 色調 mediumseagreen, 陰影 crimson, 色調 gold, 色調 cadetblue, 陰影 藍色的, 陰影 whitesmoke, 陰影 darkslategrey, 色調 darkorchid, 陰影 darkmagenta, 色調 黃綠色
配色方案是由 fsh
調色盤中的顏色代碼
bootstrap 5 fs site 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #80888f | #80888f | RGB(128, 136, 143) | Secondary | — |
| #0166fa | #0166fa | RGB(1, 102, 250) | Primary | — |
| #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 | — |
| #5b23fb | #5b23fb | RGB(91, 35, 251) | Dark-Blue | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Light | Dr. White |
| #404951 | #404951 | RGB(64, 73, 81) | Dark | — |
| #9c27b0 | #9c27b0 | RGB(156, 39, 176) | Light-Purple | — |
| #7b1fa2 | #7b1fa2 | RGB(123, 31, 162) | Purple | — |
| #a1c620 | #a1c620 | RGB(161, 198, 32) | Light-Greean | — |
色彩調色板對比度
33 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#80888f | #0166fa | 1.36 |
#80888f | #28a745 | 1.14 |
#80888f | #dc3545 | 1.25 |
#80888f | #17a2b8 | 1.18 |
#80888f | #5b23fb | 1.89 |
#80888f | #9c27b0 | 1.75 |
