創建於 06/25/2018 11:14
Stream (Bootstrap 4 UI Kit) colors palette
Bg primary
#59287a
Bg secondary
#00c9a7
Bg success
#0dd157
Bg danger
#fb4143
Bg warning
#fab633
Bg info
#2972fa
Bg dark
#1b1e24
Bg light
#f6f9fc
調色盤由 光, 黑暗的 種顏色組成. 強調色 Bg secondary #00c9a7 和 Bg danger #fb4143. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Stream (Bootstrap 4 UI Kit) colors palette 具有 8 程式碼顏色的組合:
十六進位: #59287a, RGB: (89, 40, 122); 十六進位: #00c9a7, RGB: (0, 201, 167); 十六進位: #0dd157, RGB: (13, 209, 87)
十六進位: #fb4143, RGB: (251, 65, 67); 十六進位: #fab633, RGB: (250, 182, 51); 十六進位: #2972fa, RGB: (41, 114, 250)
十六進位: #1b1e24, RGB: (27, 30, 36); 十六進位: #f6f9fc, RGB: (246, 249, 252)
調色板顏色的簡化版本
陰影 indigo, 色調 mediumaquamarine, 色調 limegreen, 色調 tomato, 陰影 橘子, 陰影 royalblue, 陰影 黑色的, 色調 ghostwhite
配色方案是由 colorswall
調色盤中的顏色代碼
Stream (Bootstrap 4 UI Kit) colors palette 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #59287a | RGB(89, 40, 122) | Bg primary | — | |
| #00c9a7 | RGB(0, 201, 167) | Bg secondary | — | |
| #0dd157 | RGB(13, 209, 87) | Bg success | — | |
| #fb4143 | RGB(251, 65, 67) | Bg danger | — | |
| #fab633 | RGB(250, 182, 51) | Bg warning | — | |
| #2972fa | RGB(41, 114, 250) | Bg info | — | |
| #1b1e24 | RGB(27, 30, 36) | Bg dark | — | |
| #f6f9fc | RGB(246, 249, 252) | Bg light | — |
色彩調色板對比度
10 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#59287a | #1b1e24 | 1.59 |
#00c9a7 | #0dd157 | 1.03 |
#00c9a7 | #fb4143 | 1.66 |
#00c9a7 | #fab633 | 1.19 |
#0dd157 | #fb4143 | 1.73 |
#0dd157 | #fab633 | 1.14 |
