2012-03-21 41 views
0

我已經從設計師那裏獲得了一個主題,並且該主題具有生成其他顏色(僅顯示主色的陰影)的主要顏色。從單一顏色生成配色方案

我需要允許我的最終用戶更改主色,並且從其中構建所有其他顏色。

那麼我的問題就是兩方面的問題。首先,解決獲得顏色和基礎之間的差異性差異的最佳方法是什麼?其次,他們是實施它的好方法。它需要成爲Rails 3應用程序的一部分,並且有幾個可用於CSS預處理的gem。他們中的任何一個是爲這種工作而準備的嗎?

+1

我會看看一些已經這樣做的現有網站。 http://www.2createawebsite.com/build/hex-colors.html#colorscheme,http://www.colorschemer.com/online.html,http://colorschemedesigner.com/並學習一些十六進制數學。 – 2012-03-21 17:13:21

回答

2

最好的方法是使用HSL模型,因爲該模型是一個線性感知模型。因此,您可能必須先將(十六進制?)顏色值轉換爲HSL。

CSS does support HSL

更新:如果您正在使用Sass,這是更容易。

「標準的數學運算(+, - ,*,/和%),支持 數字,即使是那些單位的顏色,也有改變亮度各種 有用的功能。色相,飽和度和 以上。「