創建於 04/29/2021 16:08
Material Design Color Palette (nº12)
lime lighten-5
#f9fbe7
lime lighten-4
#f0f4c3
lime lighten-3
#e6ee9c
lime lighten-2
#dce775
lime lighten-1
#d4e157
lime
#cddc39
lime darken-1
#c0ca33
lime darken-2
#afb42b
lime darken-3
#9e9d24
lime darken-4
#827717
lime accent-1
#f4ff81
lime accent-2
#eeff41
lime accent-3
#c6ff00
lime accent-4
#aeea00
調色盤由 光 種顏色組成. 強調色 lime accent-1 #f4ff81 和 lime accent-2 #eeff41. 調色盤有 中性的, 溫暖的 色溫.
調色盤 Material Design Color Palette (nº12) 具有 14 程式碼顏色的組合:
十六進位: #f9fbe7, RGB: (249, 251, 231); 十六進位: #f0f4c3, RGB: (240, 244, 195); 十六進位: #e6ee9c, RGB: (230, 238, 156)
十六進位: #dce775, RGB: (220, 231, 117); 十六進位: #d4e157, RGB: (212, 225, 87); 十六進位: #cddc39, RGB: (205, 220, 57)
十六進位: #c0ca33, RGB: (192, 202, 51); 十六進位: #afb42b, RGB: (175, 180, 43); 十六進位: #9e9d24, RGB: (158, 157, 36)
十六進位: #827717, RGB: (130, 119, 23); 十六進位: #f4ff81, RGB: (244, 255, 129); 十六進位: #eeff41, RGB: (238, 255, 65)
十六進位: #c6ff00, RGB: (198, 255, 0); 十六進位: #aeea00, RGB: (174, 234, 0)
調色板顏色的簡化版本
色調 ivory, 色調 lightgoldenrodyellow, 陰影 卡其色, 色調 卡其色, 色調 卡其色, 陰影 黃綠色, 陰影 黃綠色, 色調 darkkhaki, 陰影 橄欖, 色調 橄欖, 陰影 卡其色, 陰影 黃色的, 陰影 greenyellow, 色調 greenyellow
配色方案是由 MyPalettes
調色盤中的顏色代碼
Material Design Color Palette (nº12) 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#f9fbe7 | RGB(249, 251, 231) | lime lighten-5 | — | |
#f0f4c3 | RGB(240, 244, 195) | lime lighten-4 | — | |
#e6ee9c | RGB(230, 238, 156) | lime lighten-3 | — | |
#dce775 | RGB(220, 231, 117) | lime lighten-2 | — | |
#d4e157 | RGB(212, 225, 87) | lime lighten-1 | — | |
#cddc39 | RGB(205, 220, 57) | lime | — | |
#c0ca33 | RGB(192, 202, 51) | lime darken-1 | — | |
#afb42b | RGB(175, 180, 43) | lime darken-2 | — | |
#9e9d24 | RGB(158, 157, 36) | lime darken-3 | — | |
#827717 | RGB(130, 119, 23) | lime darken-4 | — | |
#f4ff81 | RGB(244, 255, 129) | lime accent-1 | — | |
#eeff41 | RGB(238, 255, 65) | lime accent-2 | — | |
#c6ff00 | RGB(198, 255, 0) | lime accent-3 | — | |
#aeea00 | RGB(174, 234, 0) | lime accent-4 | — |
色彩調色板對比度
68 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#f9fbe7 | #f0f4c3 | 1.08 |
#f9fbe7 | #e6ee9c | 1.17 |
#f9fbe7 | #dce775 | 1.27 |
#f9fbe7 | #d4e157 | 1.35 |
#f9fbe7 | #cddc39 | 1.43 |
#f9fbe7 | #c0ca33 | 1.7 |