創建於 06/15/2019 19:00
  0.5k

kem-bootstrap-4-standard

primary
#007bff
secondary
#6c757d
success
#28a745
info
#17a2b8
warning
#ffc107
danger
#dc3545
light
#f8f9fa
dark
#343a40
登入 將調色板保存在集合中
調色盤由 光, 半暗 種顏色組成. 強調色 primary #007bff 和 warning #ffc107. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 kem-bootstrap-4-standard 具有 8 程式碼顏色的組合:
十六進位: #007bff, RGB: (0, 123, 255); 十六進位: #6c757d, RGB: (108, 117, 125); 十六進位: #28a745, RGB: (40, 167, 69)
十六進位: #17a2b8, RGB: (23, 162, 184); 十六進位: #ffc107, RGB: (255, 193, 7); 十六進位: #dc3545, RGB: (220, 53, 69)
十六進位: #f8f9fa, RGB: (248, 249, 250); 十六進位: #343a40, RGB: (52, 58, 64)
調色板顏色的簡化版本
色調 steelblue, 色調 slategrey, 色調 mediumseagreen, 色調 cadetblue, 色調 gold, 陰影 crimson, 陰影 whitesmoke, 色調 darkslategrey
配色方案是由 David Acevedo

調色盤中的顏色代碼

kem-bootstrap-4-standard 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#007bff RGB(0, 123, 255)primary
#6c757d RGB(108, 117, 125)secondaryPompeii Ash
#28a745 RGB(40, 167, 69)success
#17a2b8 RGB(23, 162, 184)info
#ffc107 RGB(255, 193, 7)warning
#dc3545 RGB(220, 53, 69)danger
#f8f9fa RGB(248, 249, 250)light
#343a40 RGB(52, 58, 64)dark

色彩調色板對比度

13 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#007bff
#6c757d
1.17
#007bff
#28a745
1.27
#007bff
#17a2b8
1.3
#007bff
#dc3545
1.13
#6c757d
#28a745
1.49
#6c757d
#17a2b8
1.54

圖像調色板 kem-bootstrap-4-standard PNG

調色盤顏色: 如何使用?

點擊任意顏色即可新增 調色盤
快速調色板
最大 10 個調色板 比較
點擊“比較”圖標 添加調色板 比較列表調色板
比較調色板