canvaのスポイト機能を使って画像やWebサイトから欲しい色を抽出する方法

まずは事前に欲しいカラーの画像を開いた状態にします。

※この時に抽出したいデータを最後に開いた状態で準備しておきましょう

画像を開いたらcanvaのスポイト機能を起動します

次にcommandとtabキーのショートカットを打つと最後に開いたアプリを開くことができます。

command + tabキー

これで抽出したいカラーを入手することができます。

まず、カラーの抽出を行いたい画像を「プレビュー」などで開いておきます。
複数の画像やウィンドウを同時に開いておくと便利です。

画像を開いたらcanvaのスポイト機能を起動します。

スポイト機能を起動してからF3キーまたは下記のショートカットを打つと、画面の裏で開いているウィンドウを全て表示されます。

control + tabキー + ↑

一覧表示を利用することで、他のウィンドウや画像からもカラーを抽出できます。

一覧表示を終了して画面を元に戻したい場合は、以下２つの方法を試してください。

①下記のショートカットで画面を戻す

control + tabキー + ↓

②画面上のウィンドウを1つクリックすると元に戻すこともできます。

Googleにカラー コード スポイトを下記のサイトから(Chromeに追加)をクリックして拡張機能を追加します。
削除も簡単にすることができます。

あわせて読みたい

カラー コード スポイト - Chrome ウェブストア 使用カラー コード スポイトで色 検索 スポイトやカラーピッカーを簡単に。

Google Chromeの右上にある拡張機能アイコンをクリックし、「カラー コード スポイト」にピンを付けます。これにより、アイコンを常に表示させ、1クリックで使用できるようになります。

希望のカラーがあるサイトを表示しましょう。

googleの右上にある拡張機能からカラーコードスポイトのアイコンをクリックします。

【PICK FROM WEB】をクリック！
これにより、スポイト機能が起動します。

【PICK FROM WEB】をクリックしたらスポイト機能が起動するので希望のカラーをクリックします。
そうするとカラーコードを出力することができるのでコピーをしましょう

スポイト機能を使って、取得したい色の部分をクリックします。
すると、対応するカラーコード（例: #ffffff）が自動的に出力されます。
このコードをコピーしましょう!

⬇︎

コピーしたカラーコードをcanvaのカラー検索に貼り付けます

Canvaの検索結果に表示された同じカラーコードの色を選択するだけで、希望する色が簡単に適用できます。

canvaのタブと希望のカラーがあるサイト又は画像などを隣に表示します。

横並びにできたらスポイト機能を起動して隣のタブからカラーを取得することができます！