色の名前を英語で一覧｜基本色・おしゃれな色名と読み方

英語には、red・blue・greenのような基本色だけでなく、navy、coral、lavender、turquoise、ivoryなど多くの色名があります。

ここでは、日常で使いやすい英語の色名を、基本色と代表的なニュアンスカラーに分けて紹介します。

基本の色を英語で

• red（レッド）：赤
• blue（ブルー）：青
• green（グリーン）：緑
• yellow（イエロー）：黄
• orange（オレンジ）：橙
• purple（パープル）：紫
• pink（ピンク）：桃色系
• brown（ブラウン）：茶
• black（ブラック）：黒
• white（ホワイト）：白
• gray / grey（グレー）：灰色

青・緑系のおしゃれな英語色名

• navy：濃紺
• sky blue：空色
• turquoise：ターコイズ
• teal：青緑系
• mint：淡いミント系の緑
• olive：オリーブ系
• emerald：エメラルド系の緑

赤・ピンク・紫系のおしゃれな英語色名

• crimson：深紅
• coral：珊瑚色
• salmon：サーモン系の赤橙
• rose：薔薇を連想させる赤・ピンク系
• lavender：淡い紫
• violet：菫色系の紫
• plum：プラムを連想させる赤紫

白・ベージュ・茶系のおしゃれな英語色名

• ivory：象牙色
• cream：クリーム色
• beige：ベージュ
• tan：黄褐色
• chocolate：チョコレート色
• khaki：カーキ

英語色名とCSSの色名は同じ？

日常語の色名と、Webで使えるCSSの名前付き色は別に考える必要があります。

MDNによると、CSSにはred、blue、navy、coral、lavender、turquoiseなど、標準化された名前付きカラーが多数あります。それぞれの名前にはsRGB上の固定値が割り当てられています。

つまり、日常会話の「coral」は色幅がありますが、CSSのcoralは特定のRGB値です。

grayとgreyはどちらが正しい？

どちらも「灰色」を意味します。一般にgrayはアメリカ英語、greyはイギリス英語でよく使われます。CSSでは両方がキーワードとして用意され、同じ値を表す組み合わせもあります。

まとめ｜英語の色名は日常語と規格を分けて考える

英語には基本色から自然物由来の色名まで、多くの色表現があります。

Web制作で使う場合は、日常の色イメージではなく、CSSで定義された色値を確認することが重要です。

主な参考資料

• MDN「<named-color>」