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

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

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

#d5d4d7

#d5d4d7

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


f4f4f5

f2f2f3

f0eff1

eeedef

ecebed

eae9eb

e7e7e9

e5e5e7

e3e3e5

e1e0e3

dfdee1

dddcdf

dbdadd

d9d8db

d7d6d9

cac9cc

bfbec1

b5b4b6

aaa9ac

9f9fa1

959496

8a898b

7f7f81

757476

6a6a6b

5f5f60

555456

4a4a4b

3f3f40

353535


おすすめカラーパターン

フォーマルな服

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

暑い時期には、このくらいの色が涼しげです
ベーシックな紺で、ビシッとキメる
どんなワイシャツでもオシャレに見えてしまうスーツの色


ポイントでシルバーを使うとシックにキマる
ほんのりブルーがかったラベンダーをシャツにあしらう
主張しすぎない色も時には重要


赤みが強めのブラウンは紺とよく似合う
強い色の紺は、ネクタイなどに使うと好印象
清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ



Dot









Checkered pattern









stripe










似ている色

firebrick
b22222
indianred
cd5c5c
rosybrown
bc8f8f

e9967a

f08080
salmon
fa8072

ffa07a
coral
ff7f50
tomato
ff6347
orangered
ff4500
red
ff0000
crimson
dc143c

c71585
deeppink
ff1493
hotpink
ff69b4

db7093
orange
ffa500
lightpink
ffb6c1
thistle
d8bfd8
magenta
ff00ff
fuchsia
ff00ff
violet
ee82ee
plum
dda0dd
orchid
da70d6

ba55d3




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






CSS作成

				.color{
	color : #;
}
				

CSSの利用例

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


HTML上にstyleで直接書く

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


CSSの適用
この色は #d5d4d7.



RGB(3原色)の値

R : 213
G : 212
B : 215






トップに戻る

Color Floresta.

Language list