カラーツール

色の名前を調べる：HEXから色名へ【無料】

無料・登録不要で、ブラウザで動作します。 どんな色でも名前がわかります。HEX、RGB、HSLのコードを貼り付けると、近いCSSの色名、わかりやすい説明、閲覧できる148色の名前付きカラー一覧が表示されます。

鮮やかな青≈ royalblue

最も近い色名

  • royalblue#4169E1 · 近い
  • slateblue#6A5ACD · おおよそ一致
  • mediumslateblue#7B68EE · おおよそ一致
  • blue#0000FF · おおよそ一致
  • dodgerblue#1E90FF · おおよそ一致
  • blueviolet#8A2BE2 · おおよそ一致
HEX
#2F5BFF
RGB
rgb(47, 91, 255)
HSL
hsl(227, 100%, 59%)

CSSの色名すべて（148個）

これらは CSS の標準の色名なので、どのスタイルシートでも使えます。照合はお使いのデバイス上で行われます。

色の名前検索を使う理由

完全無料
何度でもお使いいただけます。登録不要、透かしなし、インストールも不要です。
プライバシーを重視した設計
入力した内容はブラウザ内にとどまり、当社に送信されることはありません。
どのデバイスでも使える
Windows、Mac、Linux、Android、iPhone のブラウザで動作します。アプリは不要です。

色の名前検索の使い方

  1. カラーコードを貼り付けるか、色を選びます。
  2. 近い順に並んだ色名を確認します。
  3. 色名をコピーしてCSSで使うか、一覧全体を閲覧します。

よくある質問

近い色名はどう見つけていますか？
数値だけでなく、人の目での見え方に基づいて色を比較するので、数値が近いだけでなく見た目にも合った色名が見つかります。
この色名をCSSで使えますか？
はい。tomatoやrebeccapurpleなど、一覧のすべての名前はどのスタイルシートでもCSSの色として使えます。
grayとgreyが両方あるのはなぜですか？
CSSではすべてのグレーで両方のつづりが使えます。同じ色なので、検索結果にはどちらか1つだけが表示されます。
何かアップロードされますか？
いいえ。照合は端末内で行われます。
色の名前検索は無料ですか？
はい。無料でお使いいただけます。登録もインストールも不要です。

関連ツール