このサイトについて

このサイトは、色を見ながら直感的に探し、選んだ色の情報や配色を1ページで確認できるカラーツールです。色のコードが分からなくても、気になる色を選ぶところから始められます。

このサイトでできること

  • 256色のパレットから、気になる色を見つける
  • HEX、RGB、HSL、HSV、CMYKなどの色情報を確認する
  • シェード、ティント、補色、類似色、配色候補を比較する
  • 白または黒とのコントラスト比と、文字の見え方を確認する
  • HEX入力やカラーピッカーで任意の色を調べる
  • 現在の色を変えずに、現在の色または各候補のHEXコードをコピーし、気に入った色をMy Paletteへ保存する

配色候補の考え方

HueRollは、選んだ1色を起点に、組み合わせる色を比較するためのツールです。色のコードがまだ決まっていないときはパレットから、基準となるコードがあるときはHEX入力から検討を始められます。すでに使っている色を活かして配色を広げたい場合にも利用できます。

表示する候補は、色相を動かしたり、白や黒を混ぜたりして計算しています。候補の中から、背景・見出し・アクセントなどに使う色を選んでください。色を使う面積や並べる写真、文字の大きさによって見え方が変わるため、制作中の画面に当てはめた確認も必要です。

操作の手順は「HueRollの使い方・マニュアル」で説明しています。表示される色や配色の意味を知りたい場合は、TOPの「色の基本用語」と配色ガイドも参照してください。

色データについて

色情報や配色候補は、選択した色をもとにブラウザ上で計算しています。CMYKはsRGBから求めた参考値であり、印刷環境やカラープロファイルに基づく色校正値ではありません。また、実際の色の見え方はディスプレイや端末の設定によって異なる場合があります。

コントラスト比は、背景色と文字色の見やすさを検討するための参考情報としてご利用ください。

My Paletteとプライバシー

My Paletteへ保存した色は、お使いのブラウザのCookieに保存されます。アカウント登録は不要で、色データをWordPressのデータベースや外部サービスへ送信しません。

Cookieを無効にしている場合は保存できません。ブラウザの設定変更、Cookieの削除、または保存期間の経過によって、保存した色が消えることがあります。

使いやすさへの取り組み

パソコンとスマートフォンのどちらでも、ページを移動せずに色を探せるよう設計しています。主要な色選択や操作は、マウスやタッチだけでなくキーボードでも利用できます。

色を選ぶ、調べる、比較する、使う。その一連の作業を、できるだけ分かりやすく一つの場所で完結させることを目指しています。

運営者情報

HueRollは、合資会社クエストが運営・開発しています。お問い合わせは、お問い合わせページからお願いいたします。