背景色と文字色を同時に比較できるカラーパレット

🎨 Color Palette のご紹介

「Color Palette」は、画像から色の組み合わせを見つけるための、シンプルなカラーツールです。

もともとは2001年6月、まだインターネットが広がり始めたばかりの時代に、自分の作業用として作った小さなファイルでした。2001年は「ブロードバンド元年」と呼ばれ、ADSLの普及によって家庭でも高速通信が身近になりつつあった頃です。Webデザインの世界ではJavaScriptやFlashを使った動きのあるページが登場し、多くのサンプルコードが紹介されていました。

その頃、書店で手に取ったJavaScriptの入門書を読み進めるうちに、「色の組み合わせを簡単に確認できる小さなツールがあったら便利だろう」と思い立ちました。ちょうどfor文の説明を読んでいる時に、「これってカラーパレット作れるんちゃうん？」とテキストをほっぽり出し、途中で脱線しながら作ったのがこのツールの原型です。

長いあいだ古いフォルダの中で眠っていましたが、MacBook Air M4を手に入れたときに偶然見つけました。せっかくなら今の環境でも動く形にしようと思い、HTMLとJavaScriptで一から作り直しました。さらに2026年3月13日、Codexを使える環境が整ったため、テストも兼ねてコードを見直し、今の環境でも安心して動くように少し手を入れています。

特別な機能があるわけではありません。サンプルから色を取り出し、その組み合わせを確認するという、一つの役割だけを持った小さなツールです。今の便利なアプリから見ると「えぇ？」と思うほど素朴なファイルですが、25年前に素人が初めて作ったファイルですので、あえて原型に近い形で残しています。

UNIX Cafeらしく、コーヒーを飲みながら気軽に使える、そんな道具として楽しんでもらえたらうれしいです。小さな道具ですが、皆さんのお役に立てれば幸いです。

Color Palette｜2026.03.13 Fri