HTML カラーコード
名前付きのHTML・CSSカラーをHEXとRGBの値付きで一覧表示し、どのコードもワンクリックでコピーできます。
ファイルはお使いのデバイスから外に出ません完全無料
使い方: HTML カラーコード
- 1
色を入力する
カラーコードを入力するか、カラーピッカーで色を選びます。各フィールドには表示されている形式で入力できます。
- 2
変換結果を確認する
入力と同時に結果が更新され、色のライブプレビューも表示されます。
- 3
コードをコピーする
必要な値をワンクリックでコピーし、デザインや CSS、印刷設定に貼り付けます。
HTMLとCSSの色名
HTMLとCSSでは、色を数値ではなくキーワードで書くことができます。Red、Navy、Oliveなど16の基本色名のほかに、ブラウザはTomato、SteelBlue、RebeccaPurpleなど約140の拡張色名を理解でき、それぞれが決まったHEX値に対応しています。色名は大文字・小文字を区別しないため、color: tomatoとcolor: Tomatoは同じ意味です。
このページでは、名前付きの色を色見本として、HEXコードとRGB値とともに一覧にしています。検索ボックスに入力すると、名前やHEXコードの一部で絞り込めます。色見本をクリックするとHEXコードがコピーされます。色名はプロトタイプや簡単なデモには便利ですが、ブランドのパレットには、HEX、RGB、HSLの値を使うと各色を正確に指定できます。
すべての処理はブラウザ内で完結します。画像がサーバーにアップロードされることはありません。