Material travel interface design colours

0.13k

創建於 08/31/2022 12:53

調色盤由淺色, 深色, 半暗種顏色組成. 強調色 Copper Red #c96a4c 和 Blizzard Blue #b9dcfb. 調色盤有暖色, 冷色色溫.

依亮度，此調色盤由 #083E0C（最深）到 #B9DCFB（最淺）。亮度範圍較寬。

飽和度混合——6 種顏色中有 2 種柔和、3 種鮮明。

部分顏色在色輪上大致相對，為調色盤帶來互補對比。

整體色溫偏冷（6 中有 4）。

HEX 代碼（排序）：#083E0C, #396C35, #5E819B, #B9DCFB, #C96A4C, #CDB1A8

調色盤 Material travel interface design colours 具有 6 程式碼顏色的組合:

HEX: #c96a4c, RGB: (201, 106, 76); HEX: #b9dcfb, RGB: (185, 220, 251); HEX: #083e0c, RGB: (8, 62, 12)

HEX: #5e819b, RGB: (94, 129, 155); HEX: #cdb1a8, RGB: (205, 177, 168); HEX: #396c35, RGB: (57, 108, 53)

調色板顏色的簡化版本

淺色調巧克力色, 淺色調淺鋼藍色, 暗色調暗綠色, 暗色調岩灰色, 淺色調玫瑰褐色, 暗色調暗橄欖綠

配色方案是由 colorswall

調色盤中的顏色代碼

Material travel interface design colours 表中顏色代碼 HEX、RGB 訊息

6 色彩搭配對比度過低，需要改善，這可能會影響可讀性。

--color-copper-red:	#c96a4c;
--color-blizzard-blue:	#b9dcfb;
--color-forest-green-traditional:	#083e0c;
--color-rackley:	#5e819b;
--color-silver-pink:	#cdb1a8;
--color-japanese-laurel:	#396c35;

$color-copper-red:	#c96a4c;
$color-blizzard-blue:	#b9dcfb;
$color-forest-green-traditional:	#083e0c;
$color-rackley:	#5e819b;
$color-silver-pink:	#cdb1a8;
$color-japanese-laurel:	#396c35;

@color-copper-red:	#c96a4c;
@color-blizzard-blue:	#b9dcfb;
@color-forest-green-traditional:	#083e0c;
@color-rackley:	#5e819b;
@color-silver-pink:	#cdb1a8;
@color-japanese-laurel:	#396c35;