設計

配色方案產生器

由基色產生和諧配色。

鎖定色樣即可保留。重新排列只會改變未鎖定顏色的 OKLCH 明度和彩度,因此配色的色相角會保持精確。

 

轉換格式: 色彩轉換器 · 色調: 色彩明暗產生器 · 漸層: CSS 漸層產生器.

產生色盤

具有 CSS、Tailwind 和 JSON 匯出的和諧模式。鎖定喜歡的顏色並重新隨機排列其餘部分。

常見問題

如何選擇顏色?

我們以基準色在色環上旋轉色相,建立互補色、類似色、三角色與分裂互補色配置。鎖定任一色票後,可重新隨機排列其餘色票。

可以複製顏色嗎?

可以——點選任一色票即可複製其 HEX 值。可匯出為 CSS 變數、Tailwind config 程式碼片段或 JSON。

可以匯出 CSS 變數嗎?

可以——複製 :root 程式碼區塊或 Tailwind theme extend,也可下載調色盤 CSV 用於試算表。

最後更新日期: