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

Sponsored Link

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

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

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

関連記事

福岡のウェブデザイン事務所「ハブワークス」

HP作成・リニューアルは福岡のハブワークスまでお気軽にお問い合わせください。ウェブサイト公開後の修正・更新もお任せください。フリーランスだからできるリーズナブルな料金設定でサービスをご提供いたします。