もう配色で迷わない!カラーパレットサービス「Color Hunt」の使い方

もう配色で迷わない!カラーパレットサービス「Color Hunt」の使い方

いきなりですが、Webデザインをやっているみなさん。
色の配色ってどうやって決めていますか?

色選びってセンスが必要でなかなか難しいですよね。
しっくりこなかったり、そもそもこの色の組み合わせで合ってるの?と悩むことも多いのではないでしょうか。

そんな時にオススメしたいのが、カラーパレットサービス「Color Hunt」です。
Color Huntは様々な配色パターンを毎日公開しているサイトで、配色で悩んだ時にとても参考になります。

リンゴ
ハイセンスな配色パターンがたくさん公開されてますよ。

今回は、このColor Huntの使い方を解説したいと思います。
Webデザイン等の配色で悩むことが多いという方は、ぜひ参考にしてみてください。
 
 

スポンサーリンク

Color Huntの使い方

まず、Color Huntのサイトにアクセスします。

Color Huntのサイトにアクセス

Color Huntのサイトにアクセス

 
 
色んなパターンの配色が表示されていますね。

この中の気になる色にマウスオーバーしてみましょう。
すると、以下のようにその色のカラーコードが表示されます。

マウスオーバーするとカラーコードが表示される

マウスオーバーするとカラーコードが表示される

マウスオーバーするとカラーコードが表示される

マウスオーバーするとカラーコードが表示される

 
 
リンゴ
カラーコードまで教えてくれるところがありがたいですね。
 
 
あとは表示されたカラーコードをコピーして、Webデザイン等で試しに使ってみるだけです。

カラーコードをコピーして、Webデザイン等で試しに使ってみよう

カラーコードをコピーして、Webデザイン等で試しに使ってみよう

 
 
配色をクリックしてみましょう。

配色をクリック

配色をクリック

 
 
すると、以下のようにページ全体に大きく配色が表示されます。

ページ全体に大きく配色が表示される

ページ全体に大きく配色が表示される

 
 
リンゴ
色のイメージを確認できますよ。
 
 

配色の表示順を変更する

配色の表示順を変更することもできます。
メニューにある『New』という部分をクリックしてみましょう。

メニューにある『New』という部分をクリック

メニューにある『New』という部分をクリック

 
 
すると、以下のようなメニューが表示されます。

表示順の変更メニュー

表示順の変更メニュー

 
 
こちらでは、以下の順番で配色を並び替えることができます。

  • New
    新着順で表示(デフォルト)
  • Hot
    最近“いいね”がたくさん付けられた人気急上昇の配色から表示
  • Popular
    “いいね”の多い順(人気順)に表示
  • Random
    ランダムで表示

 
試しに『Hot』をクリックしてみましょう。
以下のように配色の表示順が変わります。

配色の表示順が変わる

配色の表示順が変わる

 
 

スポンサーリンク

まとめ

今回は、カラーパレットサービス「Color Hunt」の使い方を解説しました。

Color Huntではハイセンスな配色パターンが日々更新されています。
配色で悩んだときはもちろん、配色センスをもっと磨きたいという方はぜひ活用してみてください。

スポンサーリンク








もう配色で迷わない!カラーパレットサービス「Color Hunt」の使い方