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

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

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

#4d4b57

#4d4b57

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


d2d2d5

c9c9cc

c0c0c4

b7b7bb

aeaeb3

a6a5ab

9d9ca2

94939a

8b8a91

828189

797881

706f78

676670

5e5d67

55545f

494752

45434e

413f49

3d3c45

393841

35343c

323038

2e2d34

2a292f

26252b

222127

1e1e22

1a1a1e

17161a

131215


おすすめカラーパターン

月明かりの夜の色

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

薄っすらと青を感じさせる暗い夜の影の色
闇の中に浮かび上がる青は、冷たさと怖さを感じさせる
夜の暗さも忘れさせるような濃い霧の色


夜明けの朝、闇が途切れて暗闇が終わりを告げるころの静かな空気の色
獣たちも寝静まる、暗い夜の色
墓標に使われる石の色は、冷たく悲しげ


月の光は闇夜を明るく照らし出す
月にかかる霧は暗い夜を連れてくる
月の影の色は、月の見えない闇の恐怖を連想させる



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 #4d4b57.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #4d4b57.



RGB(3原色)の値

R : 77
G : 75
B : 87






トップに戻る

Color Floresta.

Language list