本文へスキップ
SuiCool

カラーピッカー

画像の気になる場所やカラーピッカーから色を選び、制作に使えるカラーコードを確認できます。

選んだ画像はこのブラウザ内だけで扱われ、サーバーへ送信されません。画像そのものは保存されません。

画像から選ぶ

画像をクリックして色を選べます。キーボードでは矢印キーで移動し、EnterまたはSpaceで決定します。

JPEG・PNG・WebP・GIF・SVG、10MBまで

配色パレット

反対色を合わせた強い対比

使い方

  1. 1

    色の選び方を決める

    画像から選ぶか、カラーピッカーで手動調整するかを切り替えます。

  2. 2

    使いたい色を選ぶ

    画像をクリックするか、色見本と数値を調整して目的の色を決めます。

  3. 3

    コードをコピーする

    HEXをコピーし、必要に応じて配色や文字の読みやすさも確認します。

確認しておきたいこと

画像の色の見え方

ブラウザに表示した色を取得します。広色域の画像は、元の編集環境と色味が変わることがあります。

アニメーションGIF

ブラウザが表示したフレームから色を取得します。特定のフレームは静止画にしてから選んでください。

半透明色のコントラスト

文字の読みやすさは、最終的に重なる背景を不透明な色として指定して確認してください。

よくある質問

画像はサーバーに送信されますか？

送信されません。画像の読み込み、色の取得、パレットの作成はこのブラウザ内だけで行います。

対応している画像形式は何ですか？

JPEG、PNG、WebP、GIF、SVGに対応しています。ファイルサイズは10MB、画像は64メガピクセルまでです。

透明度を含む色を選べますか？

選べます。手動調整では透明度を変更でき、透明度を含むHEXとRGBAを確認できます。

パレットはどの形式で保存できますか？

PNG、CSS変数、SCSS、JSON、Adobe ASE、テキスト形式で保存できます。

保存した色はどこに残りますか？

お気に入りの色とパレットは、この端末のブラウザに保存されます。画像そのものは保存されません。