創建於 05/01/2019 08:56
  12.82k

Bootstrap 4 Alerts colors

primary
#cce5ff
secondary
#e2e3e5
success
#d4edda
danger
#f8d7da
warning
#fff3cd
info
#d1ecf1
light
#fefefe
dark
#d6d8d9
調色盤由 光 種顏色組成. 強調色 primary #cce5ff 和 warning #fff3cd. 調色盤有 涼爽的, 中性的, 溫暖的 色溫.
調色盤 Bootstrap 4 Alerts colors 具有 8 程式碼顏色的組合:
十六進位: #cce5ff, RGB: (204, 229, 255); 十六進位: #e2e3e5, RGB: (226, 227, 229); 十六進位: #d4edda, RGB: (212, 237, 218)
十六進位: #f8d7da, RGB: (248, 215, 218); 十六進位: #fff3cd, RGB: (255, 243, 205); 十六進位: #d1ecf1, RGB: (209, 236, 241)
十六進位: #fefefe, RGB: (254, 254, 254); 十六進位: #d6d8d9, RGB: (214, 216, 217)
調色板顏色的簡化版本
陰影 lightsteelblue, 陰影 gainsboro, 色調 honeydew, 色調 mistyrose, 色調 lemonchiffon, 色調 lightcyan, 色調 白色的, 陰影 lightgrey
配色方案是由 colorswall

調色盤中的顏色代碼

Bootstrap 4 Alerts colors 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#cce5ff RGB(204, 229, 255)primary
#e2e3e5 RGB(226, 227, 229)secondary
#d4edda RGB(212, 237, 218)success
#f8d7da RGB(248, 215, 218)danger
#fff3cd RGB(255, 243, 205)warning
#d1ecf1 RGB(209, 236, 241)info
#fefefe RGB(254, 254, 254)lightWhite as Heaven
#d6d8d9 RGB(214, 216, 217)dark

色彩調色板對比度

28 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 背景顏色 對比
#cce5ff
#e2e3e5
1
#cce5ff
#d4edda
1.04
#cce5ff
#f8d7da
1.03
#cce5ff
#fff3cd
1.16
#cce5ff
#d1ecf1
1.04
#cce5ff
#fefefe
1.28

圖像調色板 Bootstrap 4 Alerts colors PNG