創建於 11/27/2018 09:21
Primer CSS framework Color system
Gray
#6a737d
Blue
#0366d6
Green
#28a745
Purple
#6f42c1
Yellow
#ffd33d
Orange
#f66a0a
Red
#d73a49
White
#ffffff
調色盤由 光, 半暗 種顏色組成. 強調色 Blue #0366d6 和 Yellow #ffd33d. 調色盤有 涼爽的, 溫暖的, 中性的 色溫.
調色盤 Primer CSS framework Color system 具有 8 程式碼顏色的組合:
十六進位: #6a737d, RGB: (106, 115, 125); 十六進位: #0366d6, RGB: (3, 102, 214); 十六進位: #28a745, RGB: (40, 167, 69)
十六進位: #6f42c1, RGB: (111, 66, 193); 十六進位: #ffd33d, RGB: (255, 211, 61); 十六進位: #f66a0a, RGB: (246, 106, 10)
十六進位: #d73a49, RGB: (215, 58, 73); 十六進位: #ffffff, RGB: (255, 255, 255)
調色板顏色的簡化版本
色調 slategrey, 色調 royalblue, 色調 mediumseagreen, 陰影 blueviolet, 陰影 gold, 陰影 chocolate, 陰影 crimson, 白色的
配色方案是由 colorswall
調色盤中的顏色代碼
Primer CSS framework Color system 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #6a737d | #6a737d | RGB(106, 115, 125) | Gray | — |
| #0366d6 | #0366d6 | RGB(3, 102, 214) | Blue | — |
| #28a745 | #28a745 | RGB(40, 167, 69) | Green | — |
| #6f42c1 | #6f42c1 | RGB(111, 66, 193) | Purple | — |
| #ffd33d | #ffd33d | RGB(255, 211, 61) | Yellow | — |
| #f66a0a | #f66a0a | RGB(246, 106, 10) | Orange | — |
| #d73a49 | #d73a49 | RGB(215, 58, 73) | Red | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | White | — |
色彩調色板對比度
14 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#6a737d | #0366d6 | 1.12 |
#6a737d | #28a745 | 1.53 |
#6a737d | #6f42c1 | 1.35 |
#6a737d | #f66a0a | 1.6 |
#6a737d | #d73a49 | 1.05 |
#0366d6 | #28a745 | 1.72 |
