コピペするだけ！簡単「ブラウザだけでカラーコードコピー」

ブックマークに置いとくだけ！

アプリいらずの簡単小道具！

コンテンツ制作のお供に！

Geminiで簡単！ツール作成！

一発作成プロンプトも紹介！

ブラウザで見ているその色！いますぐ知りたいことってありませんか！？

今日もGeminiさんにお願いしてみた！

こんなん出して

クリックすると！

カラーコードがコピーできる！

🛠️ 使い方（PC版）

1. 適当なページをブックマークする

まずは、今見ているこのページなど、何でもいいので一度ブックマークに登録します（Ctrl + D または Command + D）。

2. 「編集」を開く

ブックマークバーにある今作ったブックマークを右クリックして、「編集」を選択します。

3. 内容を書き換える

表示された設定画面で、以下の2箇所を変更して保存します。

• 名前： （自分が分かりやすい名前）

• URL： もともと入っているURLをすべて消して、コードを貼り付ける。

ブラウザだけで終わっちゃう！ブックマークを押すだけ簡単！

📋これを貼ります！

javascript:(async()=>{if(!window.EyeDropper)return alert('お使いのブラウザはEyeDropper APIに対応していません。');try{const result=await new EyeDropper().open();const hex=result.sRGBHex;await navigator.clipboard.writeText(hex);alert('Copied: '+hex);}catch(e){console.error(e);}})();

🚀そして、これを作るための

一発作成プロンプト！

EyeDropper APIを使用し、色を選択してクリップボードにコピーしHEXをアラート表示するJavaScriptを、改行なしの1行のブックマークレット形式（javascript:で始まる形式）で作成してください。

APIとか実名使ってちょっとずるいよGeminiさん！
でも、それもご愛嬌！

こんな小道具も！

コピペするだけ！簡単「AIからの回答を簡単まるっとコピー(NotebookLM向け)」｜へろん

コピペするだけ！簡単「AIからの回答を簡単まるっとコピー」｜へろん

コピペするだけ！簡単「タイトル＋URL一撃コピー(note特化型)」｜へろん

コピペするだけ！簡単「AI記事から**を消す(note特化型)」｜へろん

この記事について！

今更ながら、Gemini 3分クッキング記事について注意点など｜へろん

☕ お時間あればこちらも是非！

気に入ったらスキ、フォローよろしくお願いします！
note外から見にきてくださったかたも、もしよければハートマーク押して頂けたら励みになります😊