創建於 01/16/2024 08:54
  78

Material Design Color Palette (14)

amber lighten-5
#fff8e1
amber lighten-4
#ffecb3
amber lighten-3
#ffe082
amber lighten-2
#ffd54f
amber lighten-1
#ffca28
amber
#ffc107
amber darken-1
#ffb300
amber darken-2
#ffa000
amber darken-3
#ff8f00
amber darken-4
#ff6f00
amber accent-1
#ffe57f
amber accent-2
#ffd740
amber accent-3
#ffc400
amber accent-4
#ffab00
登入 將調色板保存在集合中
調色盤由 光 種顏色組成. 強調色 amber lighten-5 #fff8e1 和 amber lighten-4 #ffecb3. 調色盤有 中性的, 溫暖的 色溫.
調色盤 Material Design Color Palette (14) 具有 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 (14) 表中顏色代碼 HEX、RGB 訊息

顏色 十六進位 RGB 姓名 備用名稱
#fff8e1 RGB(255, 248, 225)amber lighten-5Still Morning
#ffecb3 RGB(255, 236, 179)amber lighten-4
#ffe082 RGB(255, 224, 130)amber lighten-3
#ffd54f RGB(255, 213, 79)amber lighten-2
#ffca28 RGB(255, 202, 40)amber lighten-1
#ffc107 RGB(255, 193, 7)amber
#ffb300 RGB(255, 179, 0)amber darken-1UCLA Gold
#ffa000 RGB(255, 160, 0)amber darken-2Orange Peel
#ff8f00 RGB(255, 143, 0)amber darken-3Princeton Orange
#ff6f00 RGB(255, 111, 0)amber darken-4
#ffe57f RGB(255, 229, 127)amber accent-1
#ffd740 RGB(255, 215, 64)amber accent-2
#ffc400 RGB(255, 196, 0)amber accent-3Citrus Splash
#ffab00 RGB(255, 171, 0)amber accent-4

色彩調色板對比度

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

圖像調色板 Material Design Color Palette (14) PNG

調色盤顏色: 如何使用?

點擊任意顏色即可新增 調色盤
快速調色板
最大 10 個調色板 比較
點擊“比較”圖標 添加調色板 比較列表調色板
比較調色板