調色板產生器

調色板產生器使用色輪和諧規則將單一基色轉換為一組協調的顏色。選擇起始顏色並選擇模式 - 色調和色調、單色、互補色、類似色、三元色或四元色 - 並且該工具計算具有每個樣本的 HEX、RGB 和 HSL 值的平衡調色板。

良好的顏色組合遵循 HSL 色輪上的可預測關係：互補色彼此相對，類似的顏色並排放置，三元色的間隔均勻。 用手解決這些意味著雜耍色調角度和輕度值。 此工具立即進行數學計算並顯示結果，因此您可以選擇有效的方案。

一切都在您的瀏覽器中運行。 調整基色、切換模式、點擊任何樣本以複製其值，或將整個調色板匯出為 CSS 自訂屬性。 沒有帳戶，沒有上傳，一旦頁面載入，它就會繼續離線工作。

和諧模式來自色輪關係,圍繞圓圈以固定量旋轉色調:互補色為 180 度,三元色為 120 度,類似色為小步。數學是在 HSL 中完成的,這很方便,而且感知上並不均勻。 HSL 亮度將黃色和藍色視為與同等光相同的值,而肉眼看來並非如此,這就是為什麼三元集可以在紙上看起來平衡,而在屏幕上看起來不平衡。根據對比度檢查器檢查您計劃用於文字的任何調色板,而不是相信數字。色調和色調是透過移動亮度同時保持色調和飽和度而產生的,這使得它們作為一組 CSS 變數非常有用。