サイトの配色に困った時に簡単にバランスの取れた色を選ぶことができる調和配色アプリ「HUE/360」

便利なWebサイト

サイトの配色に困った時に簡単にベースカラーやサブカラーなどの配色の選定をしやすくするためのWebサービス「HUE/360」を紹介します。

色相で色を選択してバランスの取れたサブカラーだけを表示し、カラーコードまで提示してくれるサイトです。

1. 明度を選択する

左側にあるBrightness部分にある色を選択して全体の明度を選択します。

明度の高い色を配色したければ白い色を、明度の低い色を配色したければ黒い色をクリック

2. 基本的な使い方

グレースケールトーンの右側にある色相環全体の明度が下記のように連動して変化します。
基本的な使い方としてはこの色相環から配色したいベースカラーをピックアップしていきます。

meido-change

※オプション項目について

Capture_NoName_2013-4-20_15-45-51_No-00

  • Color Space:利用する色空間の種類
    (Munsell・RGB・RGB+」の3種類の中から選択)
  • Hue Step:色相環上の色相(色合い)のステップ数
    (値を増やすと色相差が小さく色数が多くなり、減らすと色合いの差がハッキリして選択できる色数が減ります。)
  • Chroma Step:明度の調整
    (値を小さくすれば同色相での明度差が明瞭になり、大きくすれば隣接するものの明度差が小さく選択できる色が増えます。)
  • M&S Judge
    ONにしておくと最初に選んだカラーと調和するカラーだけが表示されてそれ以外がはじかれるようになります。

3.色を選択する

色を選択していくと不調和な色相が非表示になり選択された色が左下にバーとして表示されます。

Capture_NoName_2013-4-20_16-14-13_No-00

 

4. 選択したカラーコードを確認する

最初に選んだカラーの左端に「Print User Color」という表示がありこれをクリックすると選択したカラーコードが表示されます。

Capture_NoName_2013-4-20_16-16-30_No-00

 

配色に自信のない方や見直したい方はぜひ一度チェックしてみてくださいね。

コメント

タイトルとURLをコピーしました