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

日本の横浜の夜景、ランドマークタワーとクイーンズスクエア -- #ceced0

日本の横浜の、ランドマークタワーと、クイーンズスクエアが立ち並ぶ美しい夜景。夜の街の中に光る明かりのカラーコードは? そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

写真をクリックしてその周辺のカラーコードを表示

いいね! nice! 2
この画像のカラーコードが見たい場所をクリックしてください

#ceced0


クリックしたポイント周辺のカラーコード
87
8f
91
57
61
62
29
34
36
0f
19
1a
11
12
14
21
21
21
2c
2c
2c
2c
2c
2c
1f
1e
23
15
14
19
25
24
2a
3b
3a
3f
2a
2a
2c
37
37
37
3a
3a
3a
25
25
25
2e
2c
31
36
31
37
30
2b
32
28
23
29
2c
2a
2d
18
18
18
0b
0b
0b
1d
1d
1d
1f
1e
23
18
16
1b
1b
18
1f
34
32
37
31
31
33
5e
5e
5e
7b
7b
7b
a2
a2
a2
3e
42
45
37
38
3c
41
40
46
77
76
7b
ce
ce
d0
ff
ff
ff
f2
f2
f2
9f
9f
9f
f9
ff
ff
dd
e5
e7
96
9b
9f
80
84
87
8a
8b
8d
7c
7c
7c
58
58
58
16
16
16
df
e4
e7
93
97
9a
38
3b
40
0e
0f
13
1f
1f
21
0b
0b
0b
1e
1e
1e
2f
2f
2f
1d
18
1e
0d
06
0d
26
1c
25
43
3c
43
2b
29
2c
33
33
33
40
40
40
2c
2c
2c




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


f2f2f3

f0f0f0

ededee

ebebec

e8e8e9

e6e6e7

e4e4e5

e1e1e2

dfdfe0

dcdcde

dadadb

d7d7d9

d5d5d7

d2d2d4

d0d0d2

c3c3c5

b9b9bb

afafb0

a4a4a6

9a9a9c

909091

858587

7b7b7c

717172

676768

5c5c5d

525253

484848

3d3d3e

333334



おすすめカラーパターン

> 大地の記録

何億年も前からの大地の記録が層になった地層。その地層を連想させるような色。太古に思いを馳せて使いたい。

一番ポピュラーなブラウン
赤土のような色。鉄分を多く含んだ粘土の色
明るい基本的なグレー

焦げたような茶色
砂を連想させる色
暗くもなく明るくもない中間的なグレー

恐竜が生きた時代を思わせる深いブラウン
青みがかった冷たい感じのグレー
古代を連想させるブラック


Dot









Checkered pattern









stripe











カラーコードを写真からワンクリックで取得する一覧

#f4ece9
#fcffff
#dfe4e7
#c0cde0
#bfbbbc
#fef3ed
#f4f1ec
#dfdcd5
#faf9fe
#ffffff


#f3e2aa
#a3b1b1
#d9e6ef
#fbf7f4
#d1c7be
#f2e8f0
#bcc7cb
#f5f5f5
#ffffec
#c1cbce


#dae1e7
#f5b3b7
#facda6
#fffff5
#fdf4f7
#b2a1cd
#f3f3eb
#edeee8
#ced8cd
#f6ebd7


#c8d0a1
#fffff4
#acc0be
#f5f0d2
#f3deaf
#d5d6d0
#f4f4f4
#dfe2e9
#d8d1c1
#cdbfbe


#f5f1ee
#c6e2e3
#a1b3cb
#c3d5eb
#eeeff3
#d9dee1
#dfe1de
#b7a2cb
#fee9ce
#a4b1c1


#c5d6e6
#bcbbc9
#fffffa
#9ef1ff
#ffd4ff
#fefefe
#e4e5e9
#aae6e4
#f3dabb
#fefffd


#c5bbba
#f2bdc7
#adb2b8
#b4c6da
#c3effa
#c6b6a9
#c0c6c4
#ccd0d9
#e0e4ef
#a7bdd5


#a5adb8
#c8c7c2
#bbebf7
#cac5c2
#f4ebdc
#b4c3be
#e4e0d7
#e7ddd1
#bfb3a3
#ecc8b2


#efdfbd
#dad9d5
#fff0e6
#fffffb
#efe6e7
#c7dfdf
#eee7e1
#dfe6ec
#ccf3f8
#d6d6d6


#f7e7ce
#c0f0fa
#a9fffe
#d1d2d6
#afafaf
#a2bad4
#a9adac
#fcf8ec
#fffbfd
#e6ddcc


#cbb2ab
#e9e9e9
#bdb9ae
#bad4ef
#dccbbb
#fdf6ec
#bbb4ac
#ccc1af
#d5a9ff
#d3ceca


#c7b29f
#abbcc3
#e2f0fd
#d7e0f1
#dfe0e4
#c4c2c3
#b2b2b0
#d2cbc3
#fff7ee
#f7f0d4


#ded9d3
#c1c1cb
#fce4b8
#c6dbf6
#cde8c5
#9fadb0
#a8c3e1
#efe7d0
#eeeadf
#afb3bc


#fffdf8
#cfcfd1
#dfdbe9
#dcddcf
#cbdac5
#bdc6cb
#ceb5ae
#fcffff
#d6d0c4
#c1bab4


#fff0e2
#a3b4be
#bcb2a9
#b0c3e3
#f7efed
#ffc0d5
#dba5b2
#bed4e9
#bdced8
#faa4d3


#d2e7ec
#bccccb
#eeddbf
#9df6fe
#afafaf
#dae1e9
#dde2ff
#e6e5e0
#fffffa
#ded5b4


#a7b8d2
#a3feff
#fbe4c2
#bbbcbe
#e9cbaf
#e0d8c3
#f2ddcc
#f5f2ed
#fffbf8
#ebe8d5


#d8c5c7
#f9ffff
#a1a1a3
#fdfac3
#fff8ba
#bae0a5
#ffe4e9
#fffff2
#fefaf1
#d0ccc9


#fadeb6
#d6b9fc





カラーコードを写真からワンクリックで取得する一覧




CSS作成

				.colorceced0{
	color : #ceced0;
}
				

CSSの利用例

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


HTML上にstyleで直接書く

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


CSSの適用
この色は #ceced0.



RGB(3原色)の値

R : 206
G : 206
B : 208






トップに戻る

Color Floresta.

Language list