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

飛行機の窓を見ていると、空の雲がはっきり見えてきた -- #ccd0d9

曇っていた飛行場から離陸して、少し経つと、だんだんと雲がはっきりと見えてきました。いよいよ雲に近づいてきたんですね。いつも空を眺めていると見えている雲が、今、正に飛行機の窓の外にあります！そんな、飛行機の窓の外、すぐそこにある雲のカラーコードは？　そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#ccd0d9


クリックしたポイント周辺のカラーコード
42
50
53		46
51
55		47
52
56		46
51
55		3c
49
4f		45
52
58		41
4e
54		3d
4a
50
50
5e
61		53
5e
62		4f
5a
5e		4c
57
5b		4d
5a
60		45
52
58		40
4d
53		44
51
57
4b
58
5e		4c
57
5d		43
4e
54		3b
46
4c		38
45
4b		38
45
4b		3e
4b
51		41
4e
54
46
53
59		45
50
56		41
4c
52		3f
4a
50		41
4e
54		3d
4a
50		45
52
58		42
4f
55
3d
4a
52		53
5d
66		76
80
89		92
9c
a5		7d
8a
90		5b
68
6e		52
5f
65		53
60
66
35
42
4a		3b
45
4e		45
4f
58		4d
57
60		6a
77
7d		4d
5a
60		45
52
58		45
52
58
38
45
4d		3c
46
4f		38
42
4b		33
3d
46		29
36
3c		2b
38
3e		31
3e
44		2a
37
3d
37
44
4c		3b
45
4e		3f
49
52		41
4b
54		30
3d
43		38
45
4b		3f
4c
52		32
3f
45




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


f2f3f5
eff0f3
edeef1
eaecef
e8e9ed

e5e7ec
e2e5ea
e0e2e8
dde0e6
dbdee4

d8dbe2
d6d9e0
d3d7de
d1d4dc
ced2da

c1c5ce
b7bbc3
adb0b8
a3a6ad
999ca2

8e9197
84878d
7a7c82
707277
66686c

5b5d61
515356
47484b
3d3e41
333436



おすすめカラーパターン

> 初夏に着たいTシャツ

ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。

#008db8
Cerulean blue
#ea5404
Rescue orange
#ffdc00
Sunshine
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー

#ee7700
Flame orange
#51a5dd
Sky high
#f5fafe
White cloud
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト

#c2e5fa
Pale sky blue
#261f87
lapis lazuli
#008554
Forest leaf
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン


Dot









Checkered pattern









stripe











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

#f4ece9
#fcffff
#dfe4e7
#c0cde0
#bfbbbc
#f4f1ec
#dfdcd5
#faf9fe
#f3e2aa
#a3b1b1


#d9e6ef
#fbf7f4
#d1c7be
#f2e8f0
#bcc7cb
#f5f5f5
#c1cbce
#dae1e7
#f5b3b7
#fdf4f7


#b2a1cd
#f3f3eb
#edeee8
#ced8cd
#f6ebd7
#acc0be
#f5f0d2
#f3deaf
#d5d6d0
#f4f4f4


#dfe2e9
#d8d1c1
#cdbfbe
#f5f1ee
#c6e2e3
#a1b3cb
#c3d5eb
#eeeff3
#d9dee1
#dfe1de


#b7a2cb
#a4b1c1
#c5d6e6
#bcbbc9
#9ef1ff
#e4e5e9
#aae6e4
#f3dabb
#c5bbba
#f2bdc7


#adb2b8
#b4c6da
#c3effa
#c6b6a9
#c0c6c4
#ccd0d9
#e0e4ef
#a7bdd5
#a5adb8
#c8c7c2


#bbebf7
#cac5c2
#f4ebdc
#b4c3be
#e4e0d7
#e7ddd1
#ecc8b2
#efdfbd
#dad9d5
#efe6e7


#c7dfdf
#eee7e1
#dfe6ec
#ccf3f8
#d6d6d6
#f7e7ce
#c0f0fa
#a9fffe
#d1d2d6
#afafaf


#a2bad4
#a9adac
#fcf8ec
#e6ddcc
#cbb2ab
#e9e9e9
#bdb9ae
#bad4ef
#dccbbb
#fdf6ec


#bbb4ac
#ccc1af
#d5a9ff
#d3ceca
#abbcc3
#e2f0fd
#d7e0f1
#dfe0e4
#c4c2c3
#b2b2b0


#d2cbc3
#f7f0d4
#ded9d3
#c1c1cb
#fce4b8
#c6dbf6
#cde8c5
#9fadb0
#a8c3e1
#efe7d0


#eeeadf
#afb3bc
#cfcfd1
#dfdbe9
#dcddcf
#cbdac5
#bdc6cb
#ceb5ae
#fcffff
#d6d0c4


#c1bab4
#a3b4be
#bcb2a9
#b0c3e3
#f7efed
#9bbed4
#dba5b2
#bed4e9
#bdced8
#faa4d3


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


#a3feff
#fbe4c2
#bbbcbe
#e9cbaf
#e0d8c3
#f2ddcc
#f5f2ed
#ebe8d5
#d8c5c7
#f9ffff


#fdfac3
#d0ccc9
#fadeb6
#d6b9fc





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




CSS作成

				.colorccd0d9{
	color : #ccd0d9;
}

CSSの利用例

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


HTML上にstyleで直接書く

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


CSSの適用
この色は #ccd0d9.



RGB（３原色）の値

R : 204
G : 208
B : 217






トップに戻る

Color Floresta.

Language list