創建於 05/01/2019 08:56
1
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) | light | White 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 |