什麼是alghoritm基於單一輸入顏色生成模擬色彩方案？

我創建了一個網站，當我充分享受使用SASS/Compass來組織我的CSS時，我想到了讓我的網站成爲可能的想法。什麼是alghoritm基於單一輸入顏色生成模擬色彩方案？

起初，我想簡單地擁有一套說8個變量，代表一個主題調色板的顏色。接下來，所有CSS規則將使用這些顏色，或者它的減淡/變暗版本（對於陰影，疊加，漸變和發光）。

然後我來到了具有單一主題底色，之後調色板的其餘部分是從計算的瘋狂的想法。例如：

enter image description here

在該工具中，我挑選單個基色（綠色在該圓的內部），之後將其生成基於該全綵色調色板（見右），在這種情況下它是一種「模擬」色彩方案。

我的問題是，如果在使用alghoritm通過這個工具可以在SASS被複制，這樣我可以有一個可配置的顏色，而上海社會科學院計算的配色方案的其餘部分。

我知道你們中的一些人可能會懷疑這個練習的用處，但我認爲它是一個有趣的實驗。

來源

2012-06-14 Ferdy

一點都不，我認爲它很棒。事實上，考慮到實際做到這一點的網站數量，顯然其他人也這麼認爲。您需要制定的是您希望使用哪種標準配色方案。既然SASS給你變量，那麼從腳本開始它應該是直截了當的。選擇公式可能不會;） –

對於您或其他尋找這個問題的答案的人：[請查看SASS的Color Scheme系統]（https://github.com/Team-Sass/color-schemer）。 – JPollock

首先，該色輪不正確。紅色的補色是青色，而不是綠色。此外，正確的術語是「類似的」，而不是「類比」。我個人認爲this website比較好。

創建基本類似的配色方案，你需要有第一件事就是將顏色轉換，並從HSL（或類似的基於色相的）形式的方法。假設你有這一點，類似的三色方案的基本算法是：

Inputs: BaseColor, HueVariation 

Color1 = BaseColor 
Color2 = ColorFromHSL(Hue(BaseColor) + HueVariation, Saturation(BaseColor), Lightness(BaseColor)) 
Color3 = ColorFromHSL(Hue(BaseColor) - HueVariation, Saturation(BaseColor), Lightness(BaseColor))

Wikipedia有更多的信息。

來源

2012-06-14 22:08:13