このサイトについて
このサイトは、色を見ながら直感的に探し、選んだ色の情報や配色を1ページで確認できるカラーツールです。
色のコードが分からなくても、気になる色を選ぶところから始められます。
このサイトでできること
- 256色のパレットから気になる色を探す
- HEX、RGB、HSL、HSV、CMYKを確認する
- シェード、ティント、補色、類似色を比較する
- 選んだ色を使った配色候補を確認する
- 白または黒とのコントラスト比を確認する
- HEX入力やカラーピッカーで任意の色を調べる
- HEXコードをコピーする
- 気に入った色をMy Paletteへ保存する
使い方
- 256色のパレットから気になる色を選びます。
- 表示されたパネルで、色情報や配色を確認します。
- 必要に応じてカラーピッカーやHEX入力で色を調整します。
- 使いたい色が決まったら、HEXコードをコピーするかMy Paletteへ保存します。
ページを移動することなく、色を選びながら情報を比較できます。
色データについて
色情報や配色候補は、選択された色をもとにブラウザ上で計算しています。
CMYKはsRGBから求めた参考値であり、印刷環境やカラープロファイルに基づく色校正値ではありません。また、実際の色の見え方は、ディスプレイや端末の設定によって異なる場合があります。
コントラスト比は、背景色と文字色の見やすさを検討するための参考情報としてご利用ください。
My Paletteとプライバシー
My Paletteへ保存した色は、お使いのブラウザのCookieに保存されます。
アカウント登録は不要です。本カラーツールは、入力した色コードやMy Paletteの色データをWordPressのデータベースや外部サービスへ送信しません。
Cookieを無効にしている場合は保存できません。また、ブラウザの設定変更、Cookieの削除、保存期間の経過などによって、保存した色が消えることがあります。
使いやすさへの取り組み
パソコンとスマートフォンのどちらでも、快適に色を探せるよう設計しています。
主要な色選択や操作は、マウスやタッチだけでなくキーボードでも利用できます。
色を選ぶ、調べる、比較する、使う。その一連の作業を、できるだけ分かりやすく一つの場所で完結させることを目指しています。