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

ビルの谷間と冬の空の色 -- #abbcc3

寒い冬、都会を歩いていて、ふと見上げた空。昼なのに薄暗い空に、どんよりとした雲が立ち込めています。とても寒くて、冬を噛みしめる瞬間です。そんな空のカラーコードは？　そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#abbcc3


クリックしたポイント周辺のカラーコード
13
1a
24		15
1c
26		0a
11
1b		02
09
13		10
17
21		0a
11
1b		09
10
1a		00
01
0b
50
59
62		4e
57
60		49
52
5b		42
4b
54		45
4e
57		3a
43
4c		43
4c
55		30
39
42
ba
c7
cf		bf
cc
d4		90
9d
a5		91
9e
a6		b0
bd
c5		ab
b8
c0		7d
8a
92		86
93
9b
b1
c0
c7		aa
bb
c2		8f
9e
a5		91
a2
a9		b7
c6
cd		b4
c5
cc		89
98
9f		8c
9d
a4
9c
ad
b4		95
a8
ae		73
84
8b		85
98
9e		ab
bc
c3		a1
b4
ba		78
89
90		87
9a
a0
97
a8
af		9c
ad
b4		82
93
9a		9b
ac
b3		b9
ca
d1		a8
b9
c0		8a
9b
a2		a6
b7
be
37
46
4d		3d
4c
53		38
47
4e		37
46
4d		48
57
5e		4a
59
60		39
48
4f		43
52
59
15
1f
28		09
13
1c		15
1f
28		00
05
0e		02
0c
15		16
20
29		0c
16
1f		01
0b
14




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


eaeef0
e5eaed
e1e7ea
dde4e7
d9e0e4

d5dde1
d0dade
ccd6db
c8d3d8
c4d0d5

c0ccd2
bbc9cf
b7c6cc
b3c2c9
afbfc6

a2b2b9
99a9af
919fa5
88969c
808d92

778388
6f7a7e
667075
5e676b
555e61

4c5457
444b4e
3b4144
33383a
2a2f30



おすすめカラーパターン

> 初夏に着たい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











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

#83a7d7
#b3a695
#b8ac96
#c0cde0
#bfbbbc
#7fa1ce
#a3b1b1
#d9e6ef
#979ea8
#d1c7be


#bcc7cb
#c1cbce
#dae1e7
#b2a1cd
#ced8cd
#c8d0a1
#acc0be
#d5d6d0
#d8d1c1
#a19899


#98badd
#cdbfbe
#c6e2e3
#a1b3cb
#c3d5eb
#9699a0
#d9dee1
#b7a2cb
#a4b1c1
#c5d6e6


#bcbbc9
#84b6b7
#7da492
#a1a39e
#8eadb0
#aae6e4
#c5bbba
#adb2b8
#b4c6da
#bcb299


#90adcb
#c6b6a9
#c0c6c4
#ccd0d9
#a7bdd5
#8995a3
#a5adb8
#c8c7c2
#cac5c2
#b4c3be


#b1a897
#a7a495
#bfb3a3
#dad9d5
#c7dfdf
#d6d6d6
#d1d2d6
#afafaf
#a2bad4
#a9adac


#8599a4
#cbb2ab
#bdb9ae
#bad4ef
#9aa5b9
#dccbbb
#bbb4ac
#ccc1af
#97aa94
#d3ceca


#c7b29f
#abbcc3
#d7e0f1
#c4c2c3
#baa798
#b2b2b0
#d2cbc3
#d9a294
#c1c1cb
#cde8c5


#9fadb0
#a8c3e1
#afb3bc
#cfcfd1
#dcddcf
#cbdac5
#bdc6cb
#ceb5ae
#d6d0c4
#c1bab4


#a3b4be
#bcb2a9
#b0c3e3
#c3ad96
#9bbed4
#dba5b2
#b8a994
#93cdb5
#bed4e9
#bdced8


#98a093
#d2e7ec
#bccccb
#afafaf
#dae1e9
#a7b8d2
#bbbcbe
#b28cc9
#d8c5c7
#a1a1a3


#bae0a5
#cfb899
#d0ccc9
#88dbe3





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




CSS作成

				.colorabbcc3{
	color : #abbcc3;
}

CSSの利用例

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


HTML上にstyleで直接書く

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


CSSの適用
この色は #abbcc3.



RGB（３原色）の値

R : 171
G : 188
B : 195






トップに戻る

Color Floresta.

Language list