color schemer下載 - color schemer原始碼下載

color schemer

其他源碼

v0.2.8

下載

配色師

使用 Sass 讓配色變得簡單

Color schemar 是 Sass 的一個強大的顏色工具集。它擴展了現有的 Sass 顏色函數，並添加了 RYB 操作、* 設定色調、* 設定亮度、色調、陰影等功能。它還利用這些工具添加了功能齊全的配色方案工具，使您可以設置一種原色並圍繞它創建整個配色方案。

安裝

gem install color-schemer 。

在您的 Compass 設定檔中require 'color-schemer' 。

@import 'color-schemer'到您的樣式表中。

使用配色方案

新的色彩函數

tint($color, $amount) — 將顏色與白色混合。大多數設計師對此比lighten()更滿意。
shade($color, $amount) — 與上面相同，但添加了黑色。設計師可能更喜歡它而不是darken() 。
equalize($color) — 傳回完全飽和的顏色。
set-red($color, $red) — 設定顏色中的紅色量。
set-green($color, $green) — 設定顏色中的綠色量。
set-blue($color, $blue) — 設定顏色中藍色的量。
set-hue($color, $hue) — 設定顏色的色調。
set-saturation($color, $saturation) — 設定顏色的飽和度。
set-lightness($color, $lightness) — 設定顏色的亮度。
set-alpha($color, $alpha) — 設定顏色的 alpha。

RYB 顏色函數

配色方案添加了許多函數來操縱紅黃藍色輪。電腦顏色以紅色、綠色和藍色計算，這在技術上更正確，但藝術家和設計師多年來一直使用 RYB 來得出更好的顏色關係。

ryb-hue($color) — 將在 RYB 色輪上尋找顏色的色調。
set-ryb-hue($color, $hue) — 依照 RYB 色輪設定顏色的色調。
ryb-adjust-hue($color, $degrees) — 將調整 RYB 色輪周圍顏色的色調。
ryb-complement($color) — 找出顏色的 RYB 補色。
ryb-invert($color) — 反轉 RYB 色輪周圍的顏色。

CMYK色彩功能

cmyk($cyan, $magenta, $yellow, $black) — 使用 CMYK 值定義顏色。

配色方案

功能

將這些函數放在您想要使用方案中的顏色的任何位置。您可以進一步操縱它們，使它們適合您的設計。這些應該被認為是一個很好的起點，因為您可能需要進一步調整。

cs-primary() — 原色。
cs-secondary() — 輔助色。
cs-tertiary() — 第三顏色。
cs-quadrary() — 四色。

變數

您可以透過設定這些全域變數來變更上述函數的結果：

$cs-primary — 設定配色方案中的主色。
$cs-scheme — 單聲道、補語、三元組、四元組、類比、重音類比
$cs-hue-offset — 方案中的色調調整量。
$cs-brightness-offset — 方案中的亮度調整量。
$cs-color-model — rgb、ryb

混合模式

配色方案包括 SCSS 混合模式，可讓您進行 Photoshop 風格的顏色混合。

開箱即用

雖然您可以開箱即用地使用這些函數，但您可能需要對它們進行更多的微調。我建議您使用它們創建變量，以防萬一您想要進行調整/移動事物，而不是按原樣依賴這些變量。

 $primary : cs-primary ();
$secondary : darken ( cs-secondary (), 10 % ); // too light, darkening this up a bit.
$tertiary : cs-tertiary ();
$quadrary : cs-quadrary ();

測試你的配色方案

還包括一個方便的混合來測試配色方案。只需將其包含在顏色列表中，它就會在頁面上方添加一個色條。

 @include cs-test ( red green blue );

靈感

http://colorschemedesigner.com/

執照

特此免費授予任何獲得本軟體和相關文件文件（「軟體」）副本的人不受限制地使用本軟體，包括但不限於使用、複製、修改、合併的權利、發布、分發、再授權和/或銷售軟體的副本，並允許向其提供軟體的人員這樣做，但須滿足以下條件：

本軟體以「現況」提供，不提供任何明示或暗示的保證，包括但不限於適銷性、特定用途的適用性和不侵權的保證。 IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE軟體.

展開

附加信息