創建於 07/07/2025 17:13

經過hex

Cognitive Design Pattern Toolkit

調色盤由光, 黑暗的種顏色組成. 強調色 Usability Blue #4a90e2 和 Cognitive Load Yellow #fff176. 調色盤有中性的, 涼爽的, 溫暖的色溫.

依亮度，此調色盤由 #0D0D0D（最深）到 #FAF0E6（最淺）。亮度範圍較寬。

整體飽和度偏鮮明（彩度較高）。

有些色相成對接近互補位置——可能讀成互補對比（啟發式）。

整體色溫偏暖。

HEX 代碼（排序）：#0D0D0D, #4A90E2, #BDBDBD, #FAF0E6, #FF8A65, #FFF176

調色盤 Cognitive Design Pattern Toolkit 具有 6 程式碼顏色的組合:

十六進位: #faf0e6, RGB: (250, 240, 230); 十六進位: #4a90e2, RGB: (74, 144, 226); 十六進位: #fff176, RGB: (255, 241, 118)

十六進位: #bdbdbd, RGB: (189, 189, 189); 十六進位: #ff8a65, RGB: (255, 138, 101); 十六進位: #0d0d0d, RGB: (13, 13, 13)

調色板顏色的簡化版本

陰影 dodgerblue, 陰影卡其色, 色調銀, 陰影 coral, 陰影黑色的

配色方案是由 hex

更多調色盤與:

調色盤中的顏色代碼

Cognitive Design Pattern Toolkit 表中顏色代碼 HEX、RGB 訊息

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

--color-persona-shell:	#faf0e6;
--color-usability-blue:	#4a90e2;
--color-cognitive-load-yellow:	#fff176;
--color-information-scent-gray:	#bdbdbd;
--color-affordance-coral:	#ff8a65;
--color-memory-recall-black:	#0d0d0d;

$color-persona-shell:	#faf0e6;
$color-usability-blue:	#4a90e2;
$color-cognitive-load-yellow:	#fff176;
$color-information-scent-gray:	#bdbdbd;
$color-affordance-coral:	#ff8a65;
$color-memory-recall-black:	#0d0d0d;

@color-persona-shell:	#faf0e6;
@color-usability-blue:	#4a90e2;
@color-cognitive-load-yellow:	#fff176;
@color-information-scent-gray:	#bdbdbd;
@color-affordance-coral:	#ff8a65;
@color-memory-recall-black:	#0d0d0d;