Color Picker

画面上のどの色も取り、hex、RGB、HSL、OKLCH として貼り付けます。ショートカット1つ、または頼むだけです。

どのプランでも無料。Mac, Windows, Linux で動きます。

Glaido で開くGlaido のデスクトップアプリで、この拡張機能のセットアップを開きます。

無料でダウンロード

話す

コマンドのキーを押して、このどれかを話してください。Glaido が適切なツールを選びます。

  • “色を取って”
  • “RGB で色を取って”
  • “最後に取った色は何ですか”
  • “#2563EB を HSL に変換して”

Color Picker は、画面のどこでも、クリックしたピクセルを取り、作業している形式でクリップボードに値を入れます。ショートカットを設定するか、コマンドモードで「色を取って」と言います。Glaido は直近12色を残し、形式を変換し、何色かを聞くと最も近い名前の色を伝えます。どのプランでも無料です。

自分の形式でコピーされる

hex、ハッシュなしの hex、RGB、HSL、OKLCH を一度選びます。どの取得もその形式でクリップボードに入り、CSS、Figma、デザイントークンのファイルにそのまま使えます。

必要な形式を頼む

「RGB で色を取って」と言うと、その1回は RGB で出ます。「#2563EB を HSL に変換して」や「royal blue を RGB にして」と言うと、ピッカーなしで値を答えます。

最近の色は、キー1つで

直近12件を、新しい順に、同じ色は1つだけ残します。Spotlight で開くか、「最後に取った色は何」と聞きます。

どのディスプレイでも同じ値

サンプルは形式にする前に sRGB へ変換するので、広色域ディスプレイでも貼り付ける hex はずれません。

コマンド

Color Picker ができること、コマンドモードで話す内容、最初から付いているショートカットです。ショートカットはアプリ内で変更できます。

色を取る

システムのカラーピッカーを開きます。ピクセルをクリックすると、デフォルトの形式で値がコピーされ、色見本の通知が出ます。Escape で取り消し、何もコピーしません。

「色を取って」 または 「RGB で色を取って」 と話す

自分で設定
最近の色

最近の色を Spotlight のグリッドで表示します。1つ選ぶと再びコピーできます。声で頼むこともできます。

「最後に取った色は何ですか」 または 「最近の色を見せて」 と話す

自分で設定
色を変換

色を hex、RGB、HSL、OKLCH のあいだで変換します。royal blue のような CSS の色名も受け付けます。

「#2563EB を HSL に変換して」 または 「royal blue を RGB にして」 と話す

声か Spotlight

役立つ場面

デザインの受け渡し

モックアップや公開中のサイトの上でショートカットを押し、hex を Figma、チケット、プルリクエストへそのまま貼ります。

フロントエンドの作業

コンポーネントのスタイルを当てながら「OKLCH で色を取って」と言うと、変換タブなしで CSS に使える値が貼れます。

ブランドの確認

相手のページにあるロゴを取り、何色か聞きます。Glaido が hex と、最も近い CSS の色名を返します。

よくある質問

Color Picker の質問

Color Picker は無料ですか。

はい。Glaido の拡張機能はすべて、どのプランにも含まれます。Basic も同様です。

Mac で画面収録の権限が必要ですか。

いいえ。macOS ではシステム自身の色のサンプラーを使い、クリックしたピクセルだけを読みます。画面のほかの部分はキャプチャしません。

Windows と Linux では、取得はどう動きますか。

Windows では、次のクリックがポインタの下のピクセルを取り、そのクリックは下のアプリへ届きません。Escape か右クリックで取り消します。Linux では、デスクトップのスクリーンショットポータルのカラーピッカーを使い、ポータルのない X11 では画面上のクリックで取ります。

ショートカットは変更できますか。

はい。Glaido の拡張機能のページで自分のキーを設定するまで、何も割り当てられていません。話すとピッカーが開くフレーズも追加できます。

どの形式をコピーできますか。

ハッシュありとなしの hex、RGB、HSL、OKLCH です。hex は大文字にも小文字にもできます。

はじめる

今日からはじめる