画面の色をスポイトで採れるChrome拡張「Nova Color Picker」を公開しました

2本目のChrome拡張 Nova Color Picker を公開しました。画面上のどこでもスポイトで色を採取して、HEX・RGB・HSLとしてコピーできる拡張機能です。

できること

• スポイトで色を採取: ブラウザ標準のEyeDropper APIを使い、画面上の好きな場所をクリックするだけで色を拾えます。Webページの中だけでなく、画面に映っているものならどこでも対象にできます
• 3つの形式でコピー: HEX・RGB・HSLのうち必要なものをワンクリックでコピーできます
• HEXの自動コピー: 採取した瞬間にHEXをクリップボードへ入れる設定（既定でオン）。そのままエディタに貼れます
• 履歴（最大24件）: 採取した色が並び、クリックすればいつでも選び直せます。まとめて消すこともできます
• 手入力で相互変換: #3b82f6 や rgb(59, 130, 246) を貼り付けると、他の形式に変換されます。カラーホイールから手で選ぶこともできます

使い方

1. Chromeウェブストアから拡張機能を追加します
2. ツールバーのアイコンをクリックし、「スポイトで色を採取」を押します
3. 画面上の採りたい色をクリックすると、HEX・RGB・HSLが表示されます
4. 必要な形式の「コピー」を押して、CSSやデザインツールに貼り付けます

無料で、登録は不要です。

プライバシーについて

この拡張が要求する権限は storage（履歴の保存）と clipboardWrite（コピー）だけです。ホスト権限もactiveTab権限もありません＝Webページの内容を読むことも書き換えることも一切できません。色の変換もすべてブラウザ内で完結し、データ収集やトラッキングもありません。

すべての機能を無料で使えます。

こんなときに

• 参考にしたいサイトの配色を拾って、そのままCSSに貼りたい
• デザインカンプやスクリーンショットから正確な色を取り出したい
• 作業中に使った色を控えておいて、あとから選び直したい

👉 Chromeウェブストアで Nova Color Picker を追加する

Novare Orbis では、ブラウザ完結の無料ツールを他にも公開しています。ツール一覧はこちら。