Web色名一覧

デザインや開発でよく使われる色名25種とHEXコードを確認できます。

暖色系

Tomato

#FF6347

Coral

#FF7F50

Crimson

#DC143C

Salmon

#FA8072

Gold

#FFD700

Khaki

#F0E68C

Chartreuse

#7FFF00

HotPink

#FF69B4

Maroon

#800000

Olive

#808000

寒色系

SlateBlue

#6A5ACD

Teal

#008080

Turquoise

#40E0D0

Orchid

#DA70D6

Indigo

#4B0082

SkyBlue

#87CEEB

Plum

#DDA0DD

Lavender

#E6E6FA

中性・無彩色系

Ivory

#FFFFF0

Beige

#F5F5DC

Silver

#C0C0C0

Gray

#808080

DimGray

#696969

Black

#000000

Web色名とは?

CSSやほとんどのデザインツールでは、HEXコード(#FF6347など)の代わりに「Tomato」のような 人が読みやすい色名を使うことができます。これらの名前はWeb標準(CSS Color Module)で 定義されており、ブラウザやデザインツールで共通して認識されます。

HEXコードの読み方は?

HEXコードは「#RRGGBB」形式で、それぞれ2桁が赤(R)・緑(G)・青(B)の量を16進数(00〜FF)で 表します。例えば#FF0000は純粋な赤、#000000は黒、#FFFFFFは白を意味します。

他の色形式にも変換したい場合は?

HEX、RGB、HSLなど様々な色形式間の変換が必要な場合はカラーコード変換機をご利用ください。

よくある質問

すべての色に名前がありますか?

いいえ、CSS標準には約140種類の指定された色名しかありません。このページではその中でよく使われる代表的な25色をまとめています。

今後、色名は追加されますか?

はい、今後もCSS標準の色名をより多くカバーできるよう、この一覧を拡充していく予定です。