本サイトはアフィリエイト広告を利用しています

色の名前:名前は聞いたことがあるのに、すぐに思い浮かばない色

- スポンサーリンク -

CSS3で定義されているカラーネーム(147色)のうち、名前から思い浮かべる色と、実際に表示される色が異なってることがありませんか? 中には、名前を聞いても色が思い浮かばないものもあります。

そこで、気になる色を抜粋して確認と比較ができるようにしてみました。

色の名前だけで色が想像できる?

わりとよく聞く単語でも、意外と「何色」と説明できない色ってありますね…。

自然派

カラーネームカラーサンプル16進数RGB読み方
ivory#FFFFF0rgb(255, 255, 240)アイボリー
beige#F5F5DCrgb(245, 245, 220)ベージュ
bisque#FFE4C4rgb(255, 228, 196)ビスク
khaki#F0E68Crgb(240, 230, 140)カーキー
coral#FF7F50rgb(255, 127, 80)コーラル

ivory

COLOR SAMPLE

beige

COLOR SAMPLE

bisque

COLOR SAMPLE

khaki

COLOR SAMPLE

coral

COLOR SAMPLE

青・紫

歌やドラマの題名に使われることの多い青や紫系の色ですが、実際にパッと思い浮かべる色と、画面に映し出される色は同じですか?

カラーネームカラーサンプル16進数RGB読み方
aquamarine#7FFFD4rgb(127, 255, 212)
アクアマリン
cadetblue#5F9EA0rgb(95, 158, 160)
コードブルー
skyblue#87CEEBrgb(135, 206, 235)
スカイブルー
navy#000080rgb(0, 0, 128)ネイビー
indigo#4B0082rgb(75, 0, 130)インディゴ
violet#EE82EErgb(238, 130, 238)バイオレット
lavender#E6E6FArgb(230, 230, 250)
ラベンダー

aquamarine

COLOR SAMPLE

cadetblue

COLOR SAMPLE

skyblue

COLOR SAMPLE

navy

COLOR SAMPLE

indigo

COLOR SAMPLE

violet

COLOR SAMPLE

lavender

COLOR SAMPLE


アクアマリンのままでいて

W浅野のドラマ『抱きしめたい!』の主題歌!


セクシャルバイオレット No.1

「バイオレット」という単語を広めた曲と言えばコレ!


松本隆 作詞活動50周年トリビュート 「風街に連れてって!」

稲葉さんが歌う「セクシャルバイオレットNo.1」が収録されてるアルバム

Light → Dark

Blue

カラーネームカラーサンプル16進数RGB読み方
lightblue#ADD8E6
rgb(173, 216, 230)
ライトブルー
blue#0000FFrgb(0, 0, 255)ブルー
darkblue#00008Brgb(0, 0, 139)ダークブルー

lightblue

COLOR SAMPLE

blue

COLOR SAMPLE

darkblue

COLOR SAMPLE

Skyblue

カラーネームカラーサンプル16進数RGB読み方
lightskyblue#87CEFArgb(135, 206, 250)ライトスカイブルー
skyblue#87CEEBrgb(135, 206, 235)スカイブルー
deepskyblue#00BFFFrgb(0, 191, 255)ディープスカイブルー

lightskyblue

COLOR SAMPLE

skyblue

COLOR SAMPLE

deepskyblue

COLOR SAMPLE

Pink

カラーネームカラーサンプル16進数RGB読み方
lightpink#FFB6C1
rgb(255, 182, 193)
ライトピンク
pink#FFC0CBrgb(255, 192, 203)ピンク
hotpink#FF69B4rgb(255, 105, 180)ホットピンク
deeppink#FF1493rgb(255, 20, 147)ディープピンク

lightpink

COLOR SAMPLE

pink

COLOR SAMPLE

hotpink

COLOR SAMPLE

deeppink

COLOR SAMPLE

Green

カラーネームカラーサンプル16進数RGB読み方
lightgreen#90EE90
rgb(144, 238, 144)
ライトグリーン
green#008000rgb(0, 128, 0)グリーン
darkgreen#006400rgb(0, 100, 0)ダークグリーン

lightgreen

COLOR SAMPLE

green

COLOR SAMPLE

darkgreen

COLOR SAMPLE


HTML&CSS
タイトルとURLをコピーしました