UTIL

HEXカラーピッカー

好きな色を選んでHEX、RGB、HSL、CMYKコードを取得。画像をアップロードしてクリックすれば、その色を抽出できます。シェードとティントつき。

シェードとティント

文字のコントラスト

HEXカラーピッカーについて

HEXカラーピッカーでは、色を選ぶとすぐにHEX、RGB、HSL、CMYKで表示されます。画像をアップロードして好きな場所をクリックすれば、その色をそのまま取得できます。合わせて使えるシェードとティント、文字のコントラストチェックも表示されます。

HEXカラーピッカーの使い方

  1. 色を選ぶか、コードを入力するか、画像をアップロードしてクリックします。
  2. すべての形式で色を確認します。
  3. コードをクリックするとコピーできます。

よくある質問

HEXカラーコードとは?

#4F46E5のようなHEXコードは、赤・緑・青の値を16進数で表した色の指定方法です。HTMLやCSSで色を書く標準的な方法です。

画像はアップロードされますか?

いいえ。画像はブラウザ内で開くだけです。