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

気持ちよく刈られた小高い丘と、綺麗な青空と白い雲のコントラスト -- #a8c3e1

少し肌寒い冬の日の公園。綺麗に草が刈られた丘の上で見る空は、また格別です。真っ青な空に、絵に描いたような、白い綺麗な雲たちが空を彩っています。こんな空は、ずっと見ていたいですね。そんな、綺麗な小高い丘と、青空と白い雲のカラーコードは？　そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#a8c3e1


クリックしたポイント周辺のカラーコード
d1
da
eb		d1
d9
ec		cf
da
ec		ce
d9
eb		d1
d8
ea		d2
d9
e9		d2
da
e7		d1
db
e7
d1
da
eb		d2
db
ec		d2
da
ed		d2
da
ed		cd
d3
df		ce
d6
e3		cf
d7
e4		ca
d6
e4
d0
d8
eb		ce
d9
eb		cd
d8
ec		cc
d7
eb		c9
d2
e1		c7
d3
e3		c3
d0
e3		bb
cb
e2
c5
d4
e9		c5
d4
e9		c3
d2
e9		c0
d0
e7		bf
d1
e7		bc
d0
e9		b6
cb
ea		ac
c4
ea
bb
cd
e5		b7
cb
e4		b5
c9
e2		b2
c6
df		a8
c3
e1		a4
c0
e5		9b
ba
e6		92
b3
e8
b2
c7
e2		b0
c5
e2		ad
c2
df		a9
c1
dd		90
b0
d6		8a
ab
d6		7d
a1
d5		70
98
d5
bb
cf
ea		ba
d1
f0		b1
ca
e9		a4
bf
dd		91
c3
fe		77
a9
e4		63
96
cf		5c
8d
c7
c1
d3
eb		bb
cf
ea		ac
c1
de		9b
b3
cf		91
b6
e3		87
ac
d9		8a
ac
da		92
b4
e1




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


e9f0f7
e4edf6
e0eaf4
dce7f3
d7e4f1

d3e1f0
cfdeee
cadbed
c6d8eb
c2d5ea

bdd2e8
b9cfe7
b5cce5
b0c9e4
acc6e2

9fb9d5
97afca
8ea5bf
869cb4
7e92a8

75889d
6d7e92
647587
5c6b7b
546170

4b5765
434e5a
3a444e
323a43
2a3038



おすすめカラーパターン

> 朝焼けの富士山

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

#eb6137
Dawn orange
#f18d1d
Sunrise glow
#7d93ba
Ridge gray
曙色。美しい朝焼けの淡いオレンジ
夜明けの瞬間に光り輝くオレンジ
朝焼けに見る山の影を思わせる、ブルーグレー

#3362a8
Heavenly blue
#8489b6
Early morning
#404a72
Blue shadow
天色（あまいろ）晴天の澄んだ空を思わせる鮮やかなブルー
太陽が出る前の青白い空のブルー
青い影。青とのコントラストが映える紺色

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


Dot









Checkered pattern









stripe











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

#83a7d7
#c0cde0
#bfbbbc
#7fa1ce
#a3b1b1
#d9e6ef
#d1c7be
#bcc7cb
#c1cbce
#8abafa


#b2a1cd
#ced8cd
#acc0be
#d5d6d0
#d8d1c1
#98badd
#cdbfbe
#c6e2e3
#a1b3cb
#c3d5eb


#d9dee1
#b7a2cb
#a4b1c1
#c5d6e6
#bcbbc9
#9ef1ff
#84b6b7
#8eadb0
#aae6e4
#c5bbba


#adb2b8
#b4c6da
#90adcb
#c3effa
#c0c6c4
#ccd0d9
#a7bdd5
#a5adb8
#c8c7c2
#bbebf7


#9694f7
#cac5c2
#b4c3be
#c7dfdf
#ccf3f8
#d6d6d6
#c0f0fa
#d1d2d6
#a2bad4
#bad4ef


#9aa5b9
#d5a9ff
#d3ceca
#abbcc3
#d7e0f1
#90befc
#c4c2c3
#b2b2b0
#d2cbc3
#c1c1cb


#c6dbf6
#cde8c5
#9fadb0
#a8c3e1
#afb3bc
#cfcfd1
#cbdac5
#bdc6cb
#d6d0c4
#c1bab4


#a3b4be
#b0c3e3
#9bbed4
#93cdb5
#bed4e9
#bdced8
#d2e7ec
#bccccb
#a7b8d2
#bbbcbe


#d8c5c7
#d0ccc9
#88dbe3
#d6b9fc





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




CSS作成

				.colora8c3e1{
	color : #a8c3e1;
}

CSSの利用例

<span class="colora8c3e1">
This color is #a8c3e1.
</span>


HTML上にstyleで直接書く

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


CSSの適用
この色は #a8c3e1.



RGB（３原色）の値

R : 168
G : 195
B : 225






トップに戻る

Color Floresta.

Language list