如何確定給定顏色的顏色轉換？

我們的設計師爲我們提供了一些漂亮的web 2.0按鈕等。我將它們翻譯成漂亮的CSS3。現在我想要過度使用Sass color manipulation來概括顏色方案。（＃D05B3D，＃973D24，＃7E1900）如何確定設計中的基本品牌顏色（＃7e1a00）和一組衍生顏色必須應用於品牌顏色才能產生衍生顏色？如何確定給定顏色的顏色轉換？

我可以猜測和檢查，或寫一個蠻力程序來嘗試所有的組合 - 看起來這可能是一個聰明和簡單的方法來確定。

有什麼想法？

編輯這不需要是一個通用的解決方案 - 我可以通過查看顏色合理地確定應用哪種轉換。我需要確定變換的參數。

來源

2011-06-28 RSG

最簡單的方法可能是將顏色轉換爲HSL並查看其中的差異。所有的Sass顏色處理功能都在HSL空間中工作，因此應該很容易判斷您是否需要增加亮度或降低飽和度。

來源

2011-06-28 20:45:44

這不僅是一個懶惰的程序員如自己希望做更多的工作，但似乎沒有成爲一個更好的捷徑。 – RSG

理論上，從一個值到另一個值有無限多的功能，但實際上只有少數功能是合理的。事情是，你可能知道你想使用哪個函數，但是確定參數是計算機擅長的數字計算。

我創建了一個tool that suggests color functions。它列出了從一種顏色到另一種顏色獲得的大多數SASS功能，以便您可以專注於使用darken或softlight在您的設計方面是否更有意義。

來源

2017-02-08 08:14:01

如何確定給定顏色的顏色轉換？

回答

相關問題