Bootstrap 3対応、高性能なカラースキームツールを備えたテーマファイル-1pxdeep

Bootstrap 3対応の高性能なカラースキーム コントロールとフラットなスタイルが特徴のテーマファイルを紹介します。

サイトのキャプチャ

1pxdeep
1pxdeep -GitHub

Bootstrap 3対応のテーマファイルも続々とリリースされていますが、このテーマファイルは他にはない高性能なカラースキーム コントール機能を備えています。
使い方は、簡単です。

サイトのキャプチャ

「Seed Color」から自分の好きなカラーを選択し、「Color Wheel」でカラーセオリーを選択します。
カラーセオリーは、下記の5つが用意されています。

accented analogue
類似色と補色を使用、目立たせながらも調和のとれた配色。
monochrome
同一の色相を使用、全体の色味を統一した配色。
complement
対照の補色を使用、調和のとれた配色。
triad
3等分した配色を使用、バランスのとれた配色。
tetrad
4等分した配色を使用、表情が豊かなカラフルな配色。

変更したカラーとカラーセオリーは「Scheme Now」をクリックすると、すぐに反映されます。

サイトのキャプチャ

カラー:グレー、カラーセオリー:accented analogue

カラーのスタイルシートはscheme.lessで管理されており、全16色のパターンは下記のようになります。

サイトのキャプチャ

Tips:カラー全16色のパターン

テーマの利用にあたっては個人でも商用でも無料で、ライセンスはApache License v2.0です。

top of page

©2017 coliss