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

横浜のヨットハーバーから見上げた、どんより曇り空から晴れ間が見えそうな空の色 -- #c5d6e6

曇った空の下、横浜のヨットハーバーで空を見ていると、どんよりとした厚い雲の隙間に、ちょっとだけ青空が見えてくるかも?そんな青空への期待が高まる曇り空のカラーコードは? そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#c5d6e6


クリックしたポイント周辺のカラーコード
b7
c1
ca
ba
c4
cd
b9
c3
cc
b3
bd
c6
b3
bd
c9
b0
ba
c6
ac
b6
c2
a9
b3
bf
bb
c5
ce
bc
c6
cf
b8
c2
cb
b2
bc
c5
b0
ba
c6
ae
b8
c4
ac
b6
c2
aa
b4
c0
bf
c9
d2
bf
c9
d2
bb
c5
ce
b4
be
c7
af
b9
c5
af
b9
c5
ae
b8
c4
ae
b8
c4
c0
ca
d3
c1
cb
d4
be
c8
d1
b9
c3
cc
b2
bc
c6
b2
bc
c6
b2
bc
c6
b1
bb
c5
be
c8
d1
be
c8
d1
bd
c7
d0
ba
c4
cd
b5
bf
c9
b5
bf
c9
b4
be
c8
b2
bc
c6
bb
c5
ce
ba
c4
cd
b8
c2
cb
b7
c1
ca
b7
c1
ca
b7
c1
ca
b5
bf
c8
b2
bc
c5
bb
c5
ce
b9
c3
cc
b6
c0
c9
b5
bf
c8
bb
c5
ce
bb
c5
ce
bb
c5
ce
b8
c2
cb
bd
c7
d0
ba
c4
cd
b8
c2
cb
b6
c0
c9
bf
c9
d2
c1
cb
d4
c1
cb
d4
be
c8
d1




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


f0f4f8

edf2f7

eaf0f6

e7eef5

e4ecf3

e2eaf2

dfe8f1

dce6f0

d9e4ee

d6e2ed

d3e0ec

d0deeb

cddce9

cadae8

c7d8e7

bbcbda

b1c0cf

a7b5c3

9dabb8

93a0ac

8995a1

808b95

76808a

6c757e

626b73

586067

4e555c

444a50

3b4045

313539



おすすめカラーパターン

> 朝焼けの富士山

世界を代表する美しい山、富士山。朝に見せるその神々しい輝きは、誰をも魅了する。

曙色。美しい朝焼けの淡いオレンジ
夜明けの瞬間に光り輝くオレンジ
朝焼けに見る山の影を思わせる、ブルーグレー

天色(あまいろ)晴天の澄んだ空を思わせる鮮やかなブルー
太陽が出る前の青白い空のブルー
青い影。青とのコントラストが映える紺色

富士山の裾野に広がる、海のような雲の色
夜明けの空の、少しオレンジがかったホワイト
澄んだ透き通るような透明感のあるブルー


Dot









Checkered pattern









stripe











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

#f4ece9
#dfe4e7
#c0cde0
#bfbbbc
#f4f1ec
#dfdcd5
#d9e6ef
#d1c7be
#f2e8f0
#bcc7cb


#f5f5f5
#c1cbce
#dae1e7
#f5b3b7
#f3f3eb
#edeee8
#ced8cd
#f6ebd7
#acc0be
#f5f0d2


#d5d6d0
#f4f4f4
#dfe2e9
#d8d1c1
#98badd
#cdbfbe
#f5f1ee
#c6e2e3
#a1b3cb
#c3d5eb


#eeeff3
#d9dee1
#dfe1de
#a4b1c1
#c5d6e6
#bcbbc9
#9ef1ff
#e4e5e9
#aae6e4
#f3dabb


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


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


#c7dfdf
#eee7e1
#dfe6ec
#ccf3f8
#d6d6d6
#c0f0fa
#a9fffe
#d1d2d6
#a2bad4
#e6ddcc


#e9e9e9
#bad4ef
#9aa5b9
#dccbbb
#d5a9ff
#d3ceca
#abbcc3
#e2f0fd
#d7e0f1
#dfe0e4


#c4c2c3
#d2cbc3
#ded9d3
#c1c1cb
#c6dbf6
#cde8c5
#a8c3e1
#efe7d0
#eeeadf
#afb3bc


#cfcfd1
#dfdbe9
#dcddcf
#cbdac5
#bdc6cb
#d6d0c4
#a3b4be
#b0c3e3
#9bbed4
#bed4e9


#bdced8
#d2e7ec
#bccccb
#eeddbf
#9df6fe
#dae1e9
#dde2ff
#e6e5e0
#a7b8d2
#a3feff


#bbbcbe
#e0d8c3
#f2ddcc
#f5f2ed
#ebe8d5
#d8c5c7
#d0ccc9
#d6b9fc





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




CSS作成

				.colorc5d6e6{
	color : #c5d6e6;
}
				

CSSの利用例

<span class="colorc5d6e6">
This color is #c5d6e6.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #c5d6e6.



RGB(3原色)の値

R : 197
G : 214
B : 230






トップに戻る

Color Floresta.

Language list