色の森:カラーコードの辞書

WEBで使えるカラーコード一覧と、そのグラデーションコード

カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。

#bcbccd

グラデーションカラーコード

eeeef2	eaeaf0	e7e7ed	e4e4eb	e0e0e8
dddde6	dadae3	d6d6e1	d3d3de	d0d0dc
ccccd9	c9c9d7	c6c6d4	c2c2d2	bfbfcf
b2b2c2	a9a9b8	9f9fae	9696a4	8d8d99
83838f	7a7a85	70707b	676770	5e5e66
54545c	4b4b52	414147	38383d	2f2f33

フォーマルな服

フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。

#756d74
Lite suits

#3a3c4c
Basic Navy

#504548
Basic Charcoal

暑い時期には、このくらいの色が涼しげです

ベーシックな紺で、ビシッとキメる

どんなワイシャツでもオシャレに見えてしまうスーツの色

#bdb8c9
Silver

#d8d6de
Lavender blue

#756c91
Basic tie

ポイントでシルバーを使うとシックにキマる

ほんのりブルーがかったラベンダーをシャツにあしらう

主張しすぎない色も時には重要

#997663
Creator brown

#1b2249
Accent navy

#d2ddf1
Lite lite blue

赤みが強めのブラウンは紺とよく似合う

強い色の紺は、ネクタイなどに使うと好印象

清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ

Dot

Checkered pattern

stripe

似ている色

b0c4de	778899	slategray 708090	steelblue 4682b4	royalblue 4169e1
191970	navy 000080	darkblue 00008b	0000cd	blue 0000ff
1e90ff	6495ed	00bfff	87cefa	skyblue 87ceeb

このカラーコードを使っている写真を見てみる

CSS作成

				.color{
	color : #;
}

CSSの利用例

<span class="color">
This color is #bcbccd.
</span>

HTML上にstyleで直接書く

	<span style="color:#bcbccd">
	この色は #bcbccd.
	</span>

CSSの適用
この色は #bcbccd.

RGB（３原色）の値

R : 188

G : 188

B : 205

トップに戻る

Color Floresta.

Language list