創建於 07/11/2025 09:36

Data-Driven React Aesthetic

調色盤由光種顏色組成. 強調色 Hook Yellow #ffd23f 和 Virtual DOM Azure #007ea7. 調色盤有溫暖的, 涼爽的, 中性的色溫.

依亮度，此調色盤由 #007EA7（最深）到 #F5F5F5（最淺）。亮度範圍較寬。

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

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

冷暖色票大致平衡。

HEX 代碼（排序）：#007EA7, #9D4EDD, #F5F5F5, #FF6F59, #FFD23F

調色盤 Data-Driven React Aesthetic 具有 5 程式碼顏色的組合:

十六進位: #ffd23f, RGB: (255, 210, 63); 十六進位: #007ea7, RGB: (0, 126, 167); 十六進位: #ff6f59, RGB: (255, 111, 89)

十六進位: #9d4edd, RGB: (157, 78, 221); 十六進位: #f5f5f5, RGB: (245, 245, 245)

調色板顏色的簡化版本

陰影 gold, 色調 steelblue, 陰影 tomato, 陰影 darkorchid

配色方案是由 colourlock

更多調色盤與:

調色盤中的顏色代碼

Data-Driven React Aesthetic 表中顏色代碼 HEX、RGB 訊息

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

--color-hook-yellow:	#ffd23f;
--color-virtual-dom-azure:	#007ea7;
--color-component-padding-coral:	#ff6f59;
--color-test-coverage-violet:	#9d4edd;
--color-structure-white-smoke:	#f5f5f5;

$color-hook-yellow:	#ffd23f;
$color-virtual-dom-azure:	#007ea7;
$color-component-padding-coral:	#ff6f59;
$color-test-coverage-violet:	#9d4edd;
$color-structure-white-smoke:	#f5f5f5;

@color-hook-yellow:	#ffd23f;
@color-virtual-dom-azure:	#007ea7;
@color-component-padding-coral:	#ff6f59;
@color-test-coverage-violet:	#9d4edd;
@color-structure-white-smoke:	#f5f5f5;