TOP

            デザイる2|Webサイト製作初心者に向けて情報発信していきます。

ハイセンスなウェブ配色ツール

ハイセンスなウェブ配色ツール

ウェブ配色ツール Ver2.0

ウェブ配色ツール Ver2.0
  
基本の色は決まっているけど、ロゴの色や背景色・・・何色がいいのだろう?配色には迷ってしまいますよね、サイトを印象づけるものだから。Web上でプレビューを見ながら配色をアドバイスしてくれる、ウェブ配色ツール Ver2.0の紹介です。


ウェブ配色ツール Ver2.0

ウェブ配色ツール Ver2.0

使い方

設定項目は、基本色・ロゴの文字・ロゴの色・配色の方向・全体の背景・ロゴの背景・色相差、とありますが難しい操作ではありません。

使い方 ←クリック(画像で簡単な操作説明をしております)



配色がお決まりになったら

「配色の一覧表を表示する」をクリック

右下の「配色の一覧表を表示する」をクリックすると、下記画像のように『色の一覧表』が出てきます。メモ帳などにコピペしておきましょう。

色の一覧表


色相差の範囲は小さめに!配色に自信がない場合には、これで十分だと思われます。
また、他の配色ツール(kulerなど)と併せてみてもいいでしょうね。

関連記事


最新記事

a:2714 t:1 y:3







■この記事に足りないと思ったことがあったらぜひ教えてください。

powered by HAIK 7.3.0
based on PukiWiki 1.4.7 License is GPL. HAIK

最新の更新 RSS  Valid XHTML 1.0 Transitional