創建於 03/29/2024 13:24
經過colorday
  71

UIKit CSS Framework colors

primary
#007bff
secondary
#6c757d
success
#28a745
info
#17a2b8
warning
#ffc107
danger
#dc3545
light
#f8f9fa
dark
#343a40
調色盤由 光, 半暗 種顏色組成. 強調色 primary #007bff 和 warning #ffc107. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 UIKit CSS Framework colors 具有 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
配色方案是由 colorday

調色盤中的顏色代碼

UIKit CSS Framework colors 表中顏色代碼 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

圖像調色板 UIKit CSS Framework colors PNG