ウェブデザイン、イラスト、その他あらゆる創作活動に。直感的な操作で、あなたのイメージにぴったりの色を簡単に見つけられるカラーピッカーです。
Thank you for reading this post, don't forget to subscribe!さあ、「Color Palette Explorer」で、あなたの感性を彩る色を探してみませんか？ 複雑な操作は不要です。
ご紹介する機能
1. RGBを直感的にコントロール:
* 画面上のつまみをスライドさせるだけで、赤(Red)、緑(Green)、青(Blue)の各要素を細かく調整できます。
* 数値の隣のボタンを直接クリックして、数を増減させることも可能です。
* もちろん、RGBの数値を直接入力して、ピンポイントで色を指定することもできます。
…ブラウザにより見た目が違いますが、機能は同じです。
2. カラーパレットからダイレクトに選択:
* もし迷ったら、広大なカラーパレットをマウスでクリックしてみてください。きっと、あなたの求める色が見つかるはずです。
* クリックするたびに、「選択された色」のプレビューがリアルタイムに変化します。納得いくまで、何度でもお試しください。
･･･まれに、カラーパレットとスライダーの色が一致しない（カラーパレットの外周部位置）場合がありますが、ご心配なく！(生成されるTabele構造での値は正常値です。)
3. 色の情報を詳細に表示:
* 選択した色の情報は、「カラー情報」として瞬時に表示されます。
* 16進数形式（例：#FF0000）とRGB形式（例：rgb(255, 0, 0)）の両方で、色のコードを確認できます。
4. 伝統色名もチェック:
* あらかじめ登録された豊富な日本の伝統色（和色）と、その英名が表示されます。もし、あなたの選んだ色がこれらの伝統色と合致すれば、美しい色名を知ることができます。
* 和名が「不明」、英名が「Unknown」と表示された場合でもご心配なく。その色の系統（例：～色系）を入力できるのでメモ代わりに残しておけます。
5. HTMLテーブル形式で保存:
* 「クリップボードにコピー」ボタンをワンクリックするだけで、選択した色の情報がHTMLのTable形式でクリップボードに保存されます。
* 簡単にあなたのウェブページやドキュメントに貼り付けることができます。
さらに、もし伝統色の名前について詳しく知りたくなったら、私が運営しているウェブページ「 [和色パレット：日本の伝統色をRGBで探す｜色名・読み・コードで、1字でも簡単検索]( https://xn--ecka7j.biz/site-operation/design/11851/ ) 」で、後からじっくりと調べて、Table上の「Unknown」な色名を修正したりすることも可能です。
さあ、「Color Palette Explorer」で、あなただけの特別な色を見つけて、あなたの創作活動をより豊かなものにしませんか？
Color Palette Explorer
カラーピッカー
カラーパレット
選択された色
カラー情報
| 情報 | 値 |
|---|---|
| 16進数 | #FFFFFF |
| RGB | rgb(255, 255, 255) |
| 和名 | 白 |
| 英名 | White |
関連記事
編集後記(備忘録)
カスタムHTMLブロックに書いたScriptの一部が文字化けして動作しなかったので、一時的に「工事中」として、公開し「Gemini」に対応策を聞いていた。
その間に、代替案を探し何とか正式に公開できた。
問題は、LocalのPC開発環境では問題なく動作したScriptが、なぜ１行だけ文字化けしたのか（文字化けの根本的な原因は不明）だが、
この顛末は、後で別の記事として詳しく公開したい。
代替案は２つ考えてあったが、２番目の案は実行するScript自体が（この記事でしか使用しないもので）汎用的なものではないため２番目の案としたもの。
何とか、最初の代替案で解決（文字化けの原因は不明ではあるが）できたので良しとした。
解決策は、編集画面下部に（使用しているテーマ独自？の）「カスタムJavaScript」というテキストボックスがあり、カスタムJavaScript欄にカスタムHTMLブロックからScriptを移動させ、「カスタムHTMLブロック」を削除して更新した。
