Webデザイナーとして知っておきたい英語用語（色編）

海外の企業とWebデザインに関する仕事をするときにクライアントからの指示がなかなか理解できない、細かい指示をなかなか理解してくれないということはありませんか？

このような悩みを解決する一つの方法は用語の意味をしっかりと理解することです。

特に駆け出しのフリーランスの方やウェブ関連の事業を立ち上げたばかりの方々には聞いたことはあるけど、実はちゃんと意味を知らないという用語もたくさんあることでしょう。

また間違って覚えてしまっている可能性もあるかもしれません。

この記事では「色」に注目をして、デザイナーとして知っておきたい「色」にまつわる用語を解説します。

聞いたことがある、知っているという用語もあると思いますが確認の意味も含めて最後まで読んでみてください。

RGB（アール・ジー・ビー）

RGBとは赤（Red）、緑（Green）、青（Blue）の頭文字をとったものです。

「光の三原色」と言わることもあります。

この３つの色を混ぜ合わせることであらゆる色を作り上げる方法がRGBです。

「光の三原色」ですので主にスクリーンなどにカラー映像を映し出したりする時に使われています。

特徴は混ぜれば、混ぜるほど白に近づいていく性質です。

そのため「加法混色」とか「加法混合」と呼ばれることもあります。

CMYK（シー・エム・ワイ・ケー）

CMYKとはシアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、黒（Key plate/キープレート）の頭文字をとったものです。

CMYKは「印刷（インク）の三原色」とも言われ、印刷物を作成する時に使われます。

CMYK（シー・エム・ワイ・ケー）という表記や表現はプリンターのインクなどで見たり、聞いたりしたことがあるでしょう。

光の三原色と同じようにシアン、マゼンタ、イエローの３色を混ぜ合わせることで他の色を作り出します。

特徴は光の三原色とは異なり混ぜれば、混ぜるほど黒に近づく性質であることです。

そのため「減法混色」「減法混合」とも呼ばれています。

３つの色を混ぜるだけでは完全な「黒」を作り出すことができないので、通常「K（キープレート）」と呼ばれる黒色がセットになっています。

Hex（ヘックス）

Hex（ヘックス）とは6桁の16進数で表現される色のコードです。

日本語でもヘックスというのでご存じの方も多いでしょう。

16進数カラーコードとも呼ばれます。

ウェブサイトを作成する言語HTMLやCSSで色を表現する際に使われるカラーコードです。

WordPress（ワードプレス）などでウェブサイトを作成するさいに「#FF0000」「#000000」「#FFFFFF」という表記を見たことがありますよね。

たとえば「#FF0000」は「赤」、「#000000」は「黒」、「#FFFFFF」は「白」を表現します。

Color Wheel（カラーホイール）

日本語でカラーホイールと言います。

あらゆる色を色相環に沿って並べた円形のカラーチャートのことです。

カラーホイールを理解することで相性の良い色、相性の悪い色などを知ることができます。

Warm colors & Cool colors（暖色と寒色）

暖色と寒色を英語でそれぞれ「Warm colors」、「Cool colors」と言います。

暖色（warm colors）は文字通り太陽や炎といった暖かい印象を与える色であると同時に、興奮、喜び、親しさ、優しさなどを表現できます。

具体的には赤、オレンジ、黄色のほか、これらの色を混ぜ合わせた色が暖色です。

寒色（cool colors）は冷たい印象を与える色であり、落ち着きや穏やかさを表現します。

具体的には青、緑、紫とそれらを混ぜ合わせた色が寒色です。

暖色と寒色の具体的な色については以下の図を参考にしてください。

Analogous Colors（類似色）

類似色のことを英語で「analogous colors」といいます。

カラーホイールのなかで隣同士になっている色が類似色です。

類似色は相性が良く、類似色を一つのデザインに使用することで違和感のない心地よいデザインに仕上がる傾向があります。

Complementary Colors（補色）

補色のことを英語では「complementary colors」といいます。

カラーホイールのなかで対角線上の位置関係にあるのが補色です。

たとえば「赤と青」は補色の関係にあります。

デザインを際立たせたり、目立たせたりする際に役に立つのが補色です。

ただ、使いすぎることでコントラストが際立ちすぎて目障りなデザインにもなるので利用する際には注意しましょう。

Triadic Colors（トライアディック・カラー）

カラーホイールのなかに正三角形を描いた際に各角に位置する3つの色のことをトライアディック・カラーと言います。

トライアディックの関係にある色は調和のとれた落ち着いたデザインを作る際に役立つ色です。

Opacity（不透明度）

Opacityとは不透明度のことです。

Opacity 100%は透明度がまったくない状態であり、Opacityの値が低くなれば低くなるほど透明度が上がります。

“Please make opacity low in this background”と指示された場合は「背景の不透明度を下げてください（透明度を上げてください）」という意味です。

まとめ

今回はデザイナーが知っておくべき英単語のなかでも「色」にまつわる単語や用語の解説をいたしました。

色に関する英単語や用語はそれらの言葉に当てはまる日本語がしっかりとあるので、さらに詳しい解説が必要な方は、日本語で書かれたデザイン関連の書籍を読んでみてください。

少なくとも海外の企業や海外のデザイナーと仕事をする際には、これらの用語の意味と英語でなんというかはしっかりと把握しておくべきでしょう。

前回は「デザイナーとして知っておきたい英語用語（フォント編）」を紹介しましたので、興味のある方はこちらもぜひ参考にしてみてください。

（https://freelance-meikan.com/freelance/1040/blog/683）

株式会社LA ORG　桝村（https://la-org.com/）