WEBデザインの配色選びに便利な「Coolors.co」はUIが面白い

2016年07月24日
follow us in feedly

WEBデザインの配色選びに役立つツールはいろいろとありますが、今回ご紹介する『Coolors.co』はUIがお手軽でオススメです。

Coolors.co

Coolors.co   The super fast color schemes generator

 Coolors.co

使い方はとにかく簡単。

Get startd, it’s free」と書かれたボタンをクリックしてスタート!

画面上のHex値を一つクリックすると編集可能になるので、今回はこのサイトのブランドカラーであるHex値「EF8200」を入力してみます。

そして、カーソルをあてると表示されるロックアイコンをクリックして固定します。

スクリーンショット 2016-07-15 16.11.47

その状態でスペースキーを押すと、固定したカラーに合わせて色が切り替わリます。

さらに続けてスペースを押し続けると次々と切り替わります。

スクリーンショット 2016-07-15 16.11.49

スクリーンショット 2016-07-15 16.11.51

調和したカラーパレットが表示されたらエクスポート!

例えば、pngを選べば、次のようにHex、RGB、HSV、CMYKの数値付きで書き出せます。

スクリーンショット 2016-07-15 16.13.39

このようなカラーパレット生成ツールはたくさんあるので、自分にあったものを探すのはなかなか楽しい作業です。

一度お試しされてはどうでしょうか。

follow us in feedly

関連記事

福岡でホームページ制作を依頼するなら【ハブワークス】

ホームページ制作・リニューアル・スマートフォンサイト制作・ECサイト制作は福岡のハブワークスまでお気軽にどうぞ。WEBサイト制作後の修正・更新・SEO対策もお任せください。リーズナブルな料金設定でサービスをご提供いたします。

webサイト制作・修正に関するお問合せ・ご相談・お見積りはお気軽にどうぞ