配色ツールで思った通りの色づくり

ホームページのデザインができた!でも、ここの色が違和感あって、しっくりこない。
ピッタリくる配色が思い浮かばない~。という時に参考になる配色ツールをご紹介します。

COLOR PREVIEW

補色、近似色、トライアド配色別で配色パターンが提示されます。
配色が全く思いつかない。という時、とても参考になります。

palettemaker

サンプル画面・画像を見ながら配色を決めることができるサイトです。
オリジナルの配色を作りたい。ポイントで色をいれたら?など、個性を活かす配色を作ることができます。

Adobe Color

カラーパレットジェネレーターでは、色彩理論に基づいてカラーテーマを作ることができるため配色の失敗を防ぐことができます。その他にキーワードを入力すると、そのワード(テーマ)に適した配色が提示される機能があります。
こんな雰囲気のホームページを作りたいけど、色が全く浮かばない。という時などの参考にいかがでしょうか?

MSHR

グラデーションを作りたいけどCSSを組むのが面倒。という時に役立つのがこのサイト。
自身で指定してグラデーション配色を作ることもできますが、登録されているグラデーションのCSSを取得して利用することもできます。

PAGE TOP