創建於 04/29/2021 16:07
Material Design Color Palette (nº8)
cyan lighten-5
#e0f7fa
cyan lighten-4
#b2ebf2
cyan lighten-3
#80deea
cyan lighten-2
#4dd0e1
cyan lighten-1
#26c6da
cyan
#00bcd4
cyan darken-1
#00acc1
cyan darken-2
#0097a7
cyan darken-3
#00838f
cyan darken-4
#006064
cyan accent-1
#84ffff
cyan accent-2
#18ffff
cyan accent-3
#00e5ff
cyan accent-4
#00b8d4
調色盤由 光 種顏色組成. 強調色 cyan accent-1 #84ffff 和 cyan accent-2 #18ffff. 調色盤有 中性的, 涼爽的 色溫.
調色盤 Material Design Color Palette (nº8) 具有 14 程式碼顏色的組合:
十六進位: #e0f7fa, RGB: (224, 247, 250); 十六進位: #b2ebf2, RGB: (178, 235, 242); 十六進位: #80deea, RGB: (128, 222, 234)
十六進位: #4dd0e1, RGB: (77, 208, 225); 十六進位: #26c6da, RGB: (38, 198, 218); 十六進位: #00bcd4, RGB: (0, 188, 212)
十六進位: #00acc1, RGB: (0, 172, 193); 十六進位: #0097a7, RGB: (0, 151, 167); 十六進位: #00838f, RGB: (0, 131, 143)
十六進位: #006064, RGB: (0, 96, 100); 十六進位: #84ffff, RGB: (132, 255, 255); 十六進位: #18ffff, RGB: (24, 255, 255)
十六進位: #00e5ff, RGB: (0, 229, 255); 十六進位: #00b8d4, RGB: (0, 184, 212)
調色板顏色的簡化版本
色調 azure, 陰影 powderblue, 色調 powderblue, 陰影 darkturquoise, 陰影 darkturquoise, 色調 darkturquoise, 色調 cadetblue, 色調 cadetblue, 陰影 青色, 色調 darkslategrey, 陰影 cyan, 陰影 cyan, 陰影 darkturquoise, 色調 darkturquoise
配色方案是由 MyPalettes
調色盤中的顏色代碼
Material Design Color Palette (nº8) 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#e0f7fa | RGB(224, 247, 250) | cyan lighten-5 | — | |
#b2ebf2 | RGB(178, 235, 242) | cyan lighten-4 | — | |
#80deea | RGB(128, 222, 234) | cyan lighten-3 | — | |
#4dd0e1 | RGB(77, 208, 225) | cyan lighten-2 | — | |
#26c6da | RGB(38, 198, 218) | cyan lighten-1 | — | |
#00bcd4 | RGB(0, 188, 212) | cyan | — | |
#00acc1 | RGB(0, 172, 193) | cyan darken-1 | — | |
#0097a7 | RGB(0, 151, 167) | cyan darken-2 | — | |
#00838f | RGB(0, 131, 143) | cyan darken-3 | — | |
#006064 | RGB(0, 96, 100) | cyan darken-4 | — | |
#84ffff | RGB(132, 255, 255) | cyan accent-1 | — | |
#18ffff | RGB(24, 255, 255) | cyan accent-2 | — | |
#00e5ff | RGB(0, 229, 255) | cyan accent-3 | — | |
#00b8d4 | RGB(0, 184, 212) | cyan accent-4 | — |
色彩調色板對比度
58 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#e0f7fa | #b2ebf2 | 1.17 |
#e0f7fa | #80deea | 1.39 |
#e0f7fa | #4dd0e1 | 1.65 |
#e0f7fa | #26c6da | 1.85 |
#e0f7fa | #84ffff | 1.06 |
#e0f7fa | #18ffff | 1.12 |