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

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

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

#d3d3d3 lightgray

#d3d3d3

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


f4f4f4

f1f1f1

efefef

ededed

ebebeb

e9e9e9

e6e6e6

e4e4e4

e2e2e2

e0e0e0

dedede

dbdbdb

d9d9d9

d7d7d7

d5d5d5

c8c8c8

bdbdbd

b3b3b3

a8a8a8

9e9e9e

939393

898989

7e7e7e

747474

696969

5e5e5e

545454

494949

3f3f3f

343434


おすすめカラーパターン

フォーマルな服

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

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


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


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



Dot









Checkered pattern









stripe










似ている色

dimgray
696969
gray
808080
darkgray
a9a9a9
silver
c0c0c0
lightgray
d3d3d3
gainsboro
dcdcdc

f5f5f5
white
ffffff
snow
fffafa




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






CSS作成

				.color{
	color : #;
}
				

CSSの利用例

<span class="color">
This color is lightgray.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は lightgray.



RGB(3原色)の値

R : 211
G : 211
B : 211






トップに戻る

Color Floresta.

Language list