b.スポイトでカラーを吸い上げ【デザイン】配色に困ったら迷わずコレを使おう!便利ツール2つ困った時に使える配色ツールはたくさんありますが、ソフトを起動することなく、すぐに使えるとなおさらうれしいですね。今回は、ブラウザ上で手軽に使える、直感的で便利なツールを2つご紹介します。デザインについてお困りでしたらデザインの制作のみだけでもお手伝いいたしますのでお気軽にご相談ください。3http://colorschemedesigner.com/a.色数や色の方向性を選択メインのサークルの上に6つ並んだ小さなサークルでは、色の数や方向を帰ることができます。analogic:アクセント色と類似色b.彩度・明度を調節メインカラーのサークルの下には、3つのタブが並んでいます。左の「HUE」は、デフォルトで表示されているもので、メインカラーのサークルから色相を選択します。この他にも、下記の機能があります。List:右側で提案されたカラーのコードを得られるd.デザインサンプルを見る右側の配色パターンの下にも3つのタブが並んでいます。右端のpreviewがデフォルト。example(暗い背景色のサンプルページ)」で、2種類のイメージをサンプルとして見ることができます。Web上でアクセスするだけ、という手軽さが魅力のツールです。2.ColorZilla気になるサイトが使用しているページの色を、スポイトで吸い上げて取得してくれるFirefoxのアドオンです。a.アドオンのインストーhttps://addons.mozilla.org/ja/firefox/addon/colorzilla「Firefoxへ追加」ボタンからインストールできます。インストールが完了すると、ツールバーにスポイトのアイコンが追加されます。b.スポイトでカラーを吸い上げスポイトアイコンをクリックするとカーソルが十字マークに変わり、ページ上のカラーを取得できます。カーソルがのった部分の色情報がステータスバーとしてページ上部に表示されます。ショートカットキーも設定されており、shift+escキーでスポイト機能が起動します。取得したカラーを他のソフト等で使いたい場合は、スポイトアイコンの右側にある▼をクリック。コピー”rgb(***,***,***)”等、色情報が表示されるので、使いたい型をコピーして貼付けて使います。上記の基本的な機能の他にも便利な機能がいくつか備わっています。気になるサイトのカラー構成がひと目で確認できます。paletteをクリックし、パレットに名前を付ければ、色情報を先ほどのカラーピッカーのリストに追加することもできます。配色がマンネリになりがちな時や詰まったときに、クリック操作だけでイメージを与えてくれるツール。活用してみてください。してもデザインが上手に作れないなどお困りでしたらお気軽にご相談ください。部分的なデザインのご相談もお受けします。...ライターが考える目を引くキャッチコピーとは。...WORDPRESSの新エディタ「Gutenberg(グーテンベルク)」とは?WordPressで新しいエディターがリリースされました。