創建於 04/26/2021 05:08
blues
blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
blue accent-1
#82b1ff
blue accent-2
#448aff
blue accent-3
#2979ff
blue accent-4
#2962ff
調色盤由 光, 半暗 種顏色組成. 強調色 blue accent-1 #82b1ff 和 blue accent-2 #448aff. 調色盤有 中性的, 涼爽的 色溫.
調色盤 blues 具有 14 程式碼顏色的組合:
十六進位: #e3f2fd, RGB: (227, 242, 253); 十六進位: #bbdefb, RGB: (187, 222, 251); 十六進位: #90caf9, RGB: (144, 202, 249)
十六進位: #64b5f6, RGB: (100, 181, 246); 十六進位: #42a5f5, RGB: (66, 165, 245); 十六進位: #2196f3, RGB: (33, 150, 243)
十六進位: #1e88e5, RGB: (30, 136, 229); 十六進位: #1976d2, RGB: (25, 118, 210); 十六進位: #1565c0, RGB: (21, 101, 192)
十六進位: #0d47a1, RGB: (13, 71, 161); 十六進位: #82b1ff, RGB: (130, 177, 255); 十六進位: #448aff, RGB: (68, 138, 255)
十六進位: #2979ff, RGB: (41, 121, 255); 十六進位: #2962ff, RGB: (41, 98, 255)
調色板顏色的簡化版本
色調 aliceblue, 陰影 lightsteelblue, 陰影 lightskyblue, 陰影 deepskyblue, 陰影 dodgerblue, 陰影 dodgerblue, 色調 dodgerblue, 色調 steelblue, 色調 royalblue, 色調 darkslateblue, 陰影 cornflowerblue, 陰影 dodgerblue, 陰影 royalblue, 色調 royalblue
配色方案是由 althaiia
調色盤中的顏色代碼
blues 表中顏色代碼 HEX、RGB 訊息
| 顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
| #e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — | |
| #bbdefb | RGB(187, 222, 251) | blue lighten-4 | — | |
| #90caf9 | RGB(144, 202, 249) | blue lighten-3 | — | |
| #64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — | |
| #42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — | |
| #2196f3 | RGB(33, 150, 243) | blue | — | |
| #1e88e5 | RGB(30, 136, 229) | blue darken-1 | — | |
| #1976d2 | RGB(25, 118, 210) | blue darken-2 | — | |
| #1565c0 | RGB(21, 101, 192) | blue darken-3 | — | |
| #0d47a1 | RGB(13, 71, 161) | blue darken-4 | — | |
| #82b1ff | RGB(130, 177, 255) | blue accent-1 | — | |
| #448aff | RGB(68, 138, 255) | blue accent-2 | — | |
| #2979ff | RGB(41, 121, 255) | blue accent-3 | — | |
| #2962ff | RGB(41, 98, 255) | blue accent-4 | — |
色彩調色板對比度
54 色彩搭配對比度過低，需要改善，這可能會影響可讀性。
| 文字顏色 | 背景顏色 | 對比 |
#e3f2fd | #bbdefb | 1.22 |
#e3f2fd | #90caf9 | 1.53 |
#e3f2fd | #64b5f6 | 1.93 |
#e3f2fd | #82b1ff | 1.89 |
#bbdefb | #90caf9 | 1.24 |
#bbdefb | #64b5f6 | 1.57 |
