創建於 10/16/2024 10:48
Material Design color palette
Still Morning
#fff8e1
Joyous
#ffecb3
June Day
#ffe082
Habanero Gold
#ffd54f
Bumblebee
#ffca28
Marigold
#ffc107
UCLA Gold
#ffb300
Orange Peel
#ffa000
Princeton Orange
#ff8f00
Flush Orange
#ff6f00
Cowbell
#ffe57f
Daisy
#ffd740
Citrus Splash
#ffc400
Flash of Orange
#ffab00
調色盤由 光 種顏色組成. 強調色 Still Morning #fff8e1 和 Joyous #ffecb3. 調色盤有 中性的, 溫暖的 色溫.
調色盤 Material Design color palette 具有 14 程式碼顏色的組合:
十六進位: #fff8e1, RGB: (255, 248, 225); 十六進位: #ffecb3, RGB: (255, 236, 179); 十六進位: #ffe082, RGB: (255, 224, 130)
十六進位: #ffd54f, RGB: (255, 213, 79); 十六進位: #ffca28, RGB: (255, 202, 40); 十六進位: #ffc107, RGB: (255, 193, 7)
十六進位: #ffb300, RGB: (255, 179, 0); 十六進位: #ffa000, RGB: (255, 160, 0); 十六進位: #ff8f00, RGB: (255, 143, 0)
十六進位: #ff6f00, RGB: (255, 111, 0); 十六進位: #ffe57f, RGB: (255, 229, 127); 十六進位: #ffd740, RGB: (255, 215, 64)
十六進位: #ffc400, RGB: (255, 196, 0); 十六進位: #ffab00, RGB: (255, 171, 0)
調色板顏色的簡化版本
陰影 cornsilk, 陰影 moccasin, 色調 卡其色, 陰影 gold, 色調 gold, 色調 gold, 陰影 橘子, 色調 橘子, 陰影 darkorange, 陰影 chocolate, 陰影 卡其色, 陰影 gold, 色調 gold, 陰影 橘子
配色方案是由 MyPalettes
調色盤中的顏色代碼
Material Design color palette 表中顏色代碼 HEX、RGB 訊息
顏色 | 十六進位 | RGB | 姓名 | 備用名稱 |
#fff8e1 | RGB(255, 248, 225) | Still Morning | — | |
#ffecb3 | RGB(255, 236, 179) | Joyous | — | |
#ffe082 | RGB(255, 224, 130) | June Day | — | |
#ffd54f | RGB(255, 213, 79) | Habanero Gold | — | |
#ffca28 | RGB(255, 202, 40) | Bumblebee | — | |
#ffc107 | RGB(255, 193, 7) | Marigold | — | |
#ffb300 | RGB(255, 179, 0) | UCLA Gold | — | |
#ffa000 | RGB(255, 160, 0) | Orange Peel | — | |
#ff8f00 | RGB(255, 143, 0) | Princeton Orange | — | |
#ff6f00 | RGB(255, 111, 0) | Flush Orange | — | |
#ffe57f | RGB(255, 229, 127) | Cowbell | — | |
#ffd740 | RGB(255, 215, 64) | Daisy | — | |
#ffc400 | RGB(255, 196, 0) | Citrus Splash | — | |
#ffab00 | RGB(255, 171, 0) | Flash of Orange | — |
色彩調色板對比度
86 色彩搭配對比度過低,需要改善,這可能會影響可讀性。
文字顏色 | 背景顏色 | 對比 |
#fff8e1 | #ffecb3 | 1.1 |
#fff8e1 | #ffe082 | 1.21 |
#fff8e1 | #ffd54f | 1.32 |
#fff8e1 | #ffca28 | 1.43 |
#fff8e1 | #ffc107 | 1.53 |
#fff8e1 | #ffb300 | 1.68 |