創建於 01/16/2024 08:51
Material Design Color Palette (09)
teal lighten-5
#e0f2f1
teal lighten-4
#b2dfdb
teal lighten-3
#80cbc4
teal lighten-2
#4db6ac
teal lighten-1
#26a69a
teal
#009688
teal darken-1
#00897b
teal darken-2
#00796b
teal darken-3
#00695c
teal darken-4
#004d40
teal accent-1
#a7ffeb
teal accent-2
#64ffda
teal accent-3
#1de9b6
teal accent-4
#00bfa5
調色盤由 光, 半暗 種顏色組成. 強調色 teal accent-1 #a7ffeb 和 teal accent-2 #64ffda. 調色盤有 中性的, 涼爽的 色溫.
調色盤 Material Design Color Palette (09) 具有 14 程式碼顏色的組合:
十六進位: #e0f2f1, RGB: (224, 242, 241); 十六進位: #b2dfdb, RGB: (178, 223, 219); 十六進位: #80cbc4, RGB: (128, 203, 196)
十六進位: #4db6ac, RGB: (77, 182, 172); 十六進位: #26a69a, RGB: (38, 166, 154); 十六進位: #009688, RGB: (0, 150, 136)
十六進位: #00897b, RGB: (0, 137, 123); 十六進位: #00796b, RGB: (0, 121, 107); 十六進位: #00695c, RGB: (0, 105, 92)
十六進位: #004d40, RGB: (0, 77, 64); 十六進位: #a7ffeb, RGB: (167, 255, 235); 十六進位: #64ffda, RGB: (100, 255, 218)
十六進位: #1de9b6, RGB: (29, 233, 182); 十六進位: #00bfa5, RGB: (0, 191, 165)
調色板顏色的簡化版本
色調 azure, 色調 powderblue, 陰影 mediumturquoise, 陰影 lightseagreen, 色調 lightseagreen, 陰影 darkcyan, 色調 darkcyan, 色調 青色, 色調 青色, 色調 darkslategrey, 陰影 aquamarine, 色調 aquamarine, 色調 aquamarine, 色調 lightseagreen
配色方案是由 MyPalettes
調色盤中的顏色代碼
Material Design Color Palette (09) 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#e0f2f1 | RGB(224, 242, 241) | teal lighten-5 | — | |
#b2dfdb | RGB(178, 223, 219) | teal lighten-4 | — | |
#80cbc4 | RGB(128, 203, 196) | teal lighten-3 | — | |
#4db6ac | RGB(77, 182, 172) | teal lighten-2 | — | |
#26a69a | RGB(38, 166, 154) | teal lighten-1 | — | |
#009688 | RGB(0, 150, 136) | teal | — | |
#00897b | RGB(0, 137, 123) | teal darken-1 | — | |
#00796b | RGB(0, 121, 107) | teal darken-2 | — | |
#00695c | RGB(0, 105, 92) | teal darken-3 | — | |
#004d40 | RGB(0, 77, 64) | teal darken-4 | — | |
#a7ffeb | RGB(167, 255, 235) | teal accent-1 | — | |
#64ffda | RGB(100, 255, 218) | teal accent-2 | — | |
#1de9b6 | RGB(29, 233, 182) | teal accent-3 | — | |
#00bfa5 | RGB(0, 191, 165) | teal accent-4 | — |
色彩調色板對比度
44 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#e0f2f1 | #b2dfdb | 1.25 |
#e0f2f1 | #80cbc4 | 1.61 |
#e0f2f1 | #a7ffeb | 1 |
#e0f2f1 | #64ffda | 1.07 |
#e0f2f1 | #1de9b6 | 1.35 |
#b2dfdb | #80cbc4 | 1.28 |