【WEB色見本】カラーピッカー・画像から色を取得・コードをコピペ｜カラー診断できるプロンプト作成つき

画像から色を取得する場合はこちらからどうぞ
画像を送って、クリックするだけです。

表示される色はモニター環境によって若干異なることがあります。

直感的な操作で「理想の色」を探求して、保存・分析まで行えるカラーピッカーです。
Webデザインで即戦力となるHEXコード（6桁/8桁）の取得可能。

個人的に試してほしいのは、保存した色をもとに行う、
色彩心理診断プロンプト作成です。

使い方

1. 色を選んでください。キャンバス上をドラッグして色を選びます。
   （ニュアンスを調整: 透明度スライダーあり）
   　
2. 現在の色に合わせて「補色」や「類似色」が自動生成されます。色選びにご活用ください。
   
   適用：補色や類似色を探すときに基盤とする色設定（現在選択している色）
   保存：リストにストック
   コピー：色のコピーができます
   　
3. AI診断。
   色がいくつか貯まったら、一番下のボタンで診断文をコピーしてください。
   （定型プロンプト文にあなたが保存した好みの色が追加されています）
   　
4. コピーしたプロンプト文を、AIに貼り付けて自分の深層心理を覗いてみましょう。
   

ご案内

• コード入力対応。
  外部で見つけた #f5deb3 などのコードを直接入力欄に貼り付けると、ピッカーがその色の位置へ自動ジャンプします。
  　
• 透明度が100%のときは一般的な6桁表示採用。
  透明度を下げたときだけ8桁に自動で切り替わります。
  　
• 自動保存。
  保存した色はブラウザ（LocalStorage）に記録されるため、ページを閉じても次回の作業時に続きから再開できます。
  　

注意点

• 履歴クリアボタンを押すと、保存した色はすべて消去されます。
  大切なパレットは、コードをメモしておくことをお勧めします。
  　
• ご利用のモニター設定やブルーライトカット機能により、
  実際の色味と画面上の見え方が異なる場合があります。
  最終的なデザイン確認は、ターゲットとなるデバイスで行ってください。
  　
• 透明度の互換性: 8桁のHEXコード（例：#RRGGBBAA）は、
  非常に古いブラウザや古い画像編集ソフトでは認識されないことがあります。その場合は、透明度100%（6桁）の状態で利用してください。
  　

関連記事

荒くはありますが、画像からビーズアート図案作成｜用紙サイズ＆ビーズサイズ自動計算