Toolipedia 埋め込み
JA
← すべてのテキストツール

CSSカラー名

148種類すべてのCSSカラー名とコード、および任意の色に最も近い名前を表示します。

  • 無料
  • 登録不要
  • どの端末でも使える

約CSSカラー名

CSSが認識する148色の色名(tomato、rebeccapurple、cornflowerblueなど)を、HEXコードとRGBコードとともに一覧で確認できます。任意の色を入力して、最も近い色名を探すこともできます。色名は手早いプロトタイプには便利ですが、ブランドの仕事では正確なコードを使うのが一般的です。

CSSカラー名の使い方

  1. 148色の名前付きの色のリストを見るか、名前で検索してください。
  2. 色をクリックして、そのHEXとRGBのコードを確認してください。
  3. 任意のカラーコードを入力して、最も近いCSSの色名を見つけてください。

このツールを使う理由

別名

よくある質問

CSSの色名は大文字と小文字を区別しますか?

いいえ。Red、RED、redはどれもCSSで使えます。慣例として小文字で書かれ、色名はHTMLの属性でもスタイルシートでも同じです。

CSSでは、色の名前とHEXコードのどちらを使うべきですか?

名前は素早いプロトタイプには読みやすいですが、HEXやHSLなら完全に制御できます。デザインに合うと確信している色にだけ、名前を使ってください。

最も近い名前が完全に一致しないのはなぜですか?

名前は148個しかありませんが、色は何百万もあります。ツールは最も近い名前付きの色を表示するため、正確な一致ではなく、おおよその説明として扱ってください。

CSSカラー名は無料ですか？

はい。ToolipediaのCSSカラー名は無料で、登録不要、透かしもありません。

安全に使えますか？

はい。すべての計算はブラウザ内で行われ、入力した内容が当社サーバーに送信されることはありません。

スマートフォンでも使えますか？

はい。AndroidやiPhoneの最新ブラウザのほか、タブレットやパソコンでも使えます。インストールは不要です。

アカウントは必要ですか？

いいえ。ページを開いてツールを使うだけです。登録もメールアドレスも不要です。

CSSカラー名 を自分のサイトに置けますか？

はい。ツールの下にある「サイトに埋め込む」ボタンで短いコードをコピーし、ページに貼り付けてください。無料でアカウントも不要、ツールはページ内でそのまま動作します。

関連ツール