Product design startup ui hex colors

創建於 02/19/2023 17:08

調色盤由半暗, 淺色種顏色組成. 強調色 International Orange (Engineering) #bd1708 和 Japanese Indigo #25384d. 調色盤有暖色, 冷色, 中性色色溫.

依亮度，此調色盤由 #25384D（最深）到 #D6BAB1（最淺）。亮度範圍中等。

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

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

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

HEX 代碼（排序）：#25384D, #60323F, #747C8C, #BD1708, #D6BAB1, #ED3E46

調色盤 Product design startup ui hex colors 具有 6 程式碼顏色的組合:

HEX: #bd1708, RGB: (189, 23, 8); HEX: #ed3e46, RGB: (237, 62, 70); HEX: #25384d, RGB: (37, 56, 77)

HEX: #747c8c, RGB: (116, 124, 140); HEX: #d6bab1, RGB: (214, 186, 177); HEX: #60323f, RGB: (96, 50, 63)

調色板顏色的簡化版本

暗色調耐火磚紅, 暗色調印度紅, 暗色調暗岩藍色, 暗色調岩灰色, 暗色調霧玫瑰色, 暗色調棕色

配色方案是由 colorslib

調色盤中的顏色代碼

Product design startup ui hex colors 表中顏色代碼 HEX、RGB 訊息

顏色	HEX	RGB	名稱	備用名稱
#bd1708	#bd1708	RGB(189, 23, 8)	International Orange (Engineering)	—
#ed3e46	#ed3e46	RGB(237, 62, 70)	Desire	—
#25384d	#25384d	RGB(37, 56, 77)	Japanese Indigo	—
#747c8c	#747c8c	RGB(116, 124, 140)	Slate Gray	—
#d6bab1	#d6bab1	RGB(214, 186, 177)	Dark Vanilla	—
#60323f	#60323f	RGB(96, 50, 63)	Old Mauve	—

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

--color-international-orange-engineering:	#bd1708;
--color-desire:	#ed3e46;
--color-japanese-indigo:	#25384d;
--color-slate-gray:	#747c8c;
--color-dark-vanilla:	#d6bab1;
--color-old-mauve:	#60323f;

$color-international-orange-engineering:	#bd1708;
$color-desire:	#ed3e46;
$color-japanese-indigo:	#25384d;
$color-slate-gray:	#747c8c;
$color-dark-vanilla:	#d6bab1;
$color-old-mauve:	#60323f;

@color-international-orange-engineering:	#bd1708;
@color-desire:	#ed3e46;
@color-japanese-indigo:	#25384d;
@color-slate-gray:	#747c8c;
@color-dark-vanilla:	#d6bab1;
@color-old-mauve:	#60323f;