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

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

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

#dcdfdc

#dcdfdc

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


f6f7f6

f4f5f4

f2f3f2

f1f2f1

eff0ef

edefed

ebedeb

eaebea

e8eae8

e6e8e6

e4e7e4

e3e5e3

e1e3e1

dfe2df

dde0dd

d1d3d1

c6c8c6

bbbdbb

b0b2b0

a5a7a5

9a9c9a

8f908f

848584

797a79

6e6f6e

636463

585958

4d4e4d

424242

373737


おすすめカラーパターン

フォーマルな服

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

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


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


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



Dot









Checkered pattern









stripe










似ている色

lightblue
add8e6
powderblue
b0e0e6

afeeee
lightcyan
e0ffff
cyan
00ffff
aqua
00ffff
turquoise
40e0d0

48d1cc

00ced1

20b2aa
cadetblue
5f9ea0
darkcyan
008b8b
teal
008080

2f4f4f
darkgreen
006400
green
008000

228b22
seagreen
2e8b57

3cb371

66cdaa

8fbc8f

7fffd4

98fb98

90ee90

00ff7f

00fa9a
lawngreen
7cfc00

7fff00

adff2f
lime
00ff00
limegreen
32cd32

9acd32

556b2f
olivedrab
6b8e23
olive
808000




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






CSS作成

				.color{
	color : #;
}
				

CSSの利用例

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


HTML上にstyleで直接書く

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


CSSの適用
この色は #dcdfdc.



RGB(3原色)の値

R : 220
G : 223
B : 220






トップに戻る

Color Floresta.

Language list