カラーチャート
このツールについて
カラーテーブル(色見本)ツールは、Webデザインで使用される主要なHTMLカラー名と16進数(Hex)、RGBコードを一覧表示します。検索機能と1クリックコピーに対応しています。
お使いの端末内だけで安全に処理します
すべての作業は、いまお使いのブラウザの中だけで行われます。ファイルが外部サーバーに送られることはないので、安心してお使いください。
使い方
1
カラーリストから目的の色を探すか、色名やカラーコードでフィルタリングします。
2
目的のカラーコード(Hex, RGBなど)をクリックしてクリップボードにコピーします。
主な活用シナリオ
CSSデザインでのカラー指定
「Tomato」や「SteelBlue」といった馴染みのあるカラー名に対応する正確な16進数コード(#FF6347など)を調べてCSSに適用します。
配色パレットの選定
明度や彩度が体系的に整理されたカラーテーブルを見ながら、WebサイトやアプリのUIに合わせたメインカラー・サブカラーを選定します。
グラフィックソフトへのコード入力
PhotoshopやFigmaなどのデザインツールにカラーコードを素早く入力するため、ブラウザ上でコードをコピーします。
よくある質問 (FAQ)
はい、旧来のシステムでも一貫して表現できる216色のWebセーフカラー規格に対応した色の抽出も容易に行えます。
標準規格に準拠した英語の色名(例:red, blue, gray)のほか、16進数での直接的な絞り込み検索が可能です。