ウェブカラー見本一覧(Web Colors Sample List)

Version 1.2.0.4

使用方法

ウェブカラー^※1の色名称^※2の一覧から文字色と背景色の組み合わせを試すことができます。色名称をクリックするとプレビューエリアに反映されます。文字色、背景色の選択色を選択した場合のみ色名称から選択できます。色名称をクリックした後、色をコピーをクリックすると選択された形式 (色名称^※2、#RRGGBB^※3、rgb()^※4) でクリップボードにコピーされます。 CSS設定をコピーをクリックするとプレビューエリアの文字色(color)と背景色(background-color)の設定がクリップボードにコピーされます。

更新履歴

バージョン	更新日付	内容
1.2.0.4	2025/11/14	クリップボードに色名称、#RRGGBB、rgb()を追加内部処理を共通処理に変更レイアウト調整
1.1.0.3	2025/03/16	背景色(白、黒、自動、選択色)を追加 16進トリプレット表記^※3を追加
1.0.2.2	2025/03/08	レイアウト変更
1.0.1.1	2025/03/07	内部処理変更
1.0.0.0	2025/03/04	ウェブカラー見本一覧の公開

↑Topへ

ウェブカラー - Wikiperia
X11の色名称 - ウェブカラー - Wikiperia
16進トリプレット表記 - ウェブカラー - Wikiperia
rgb() - CSS: カスケーディングスタイルシート | MDN
Windows11 Home + Google Chromeで動作検証しています。それ以外の環境、ブラウザでは動作しない可能性があります。ご了承ください。