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

海沿いの、どこまでも続く道と、どこまでも続く青い空の色 -- #a8c3e1

横浜の港近くに、大きな公園があります。その公園の海沿いにある道は、テトラポッドに守られた、まるでどこまでも永遠に続いているかと思うほどに長い、まっすぐな道があります。よく晴れた日に、抜けるような青い空の下を走るのは、とても気持ちがいいです。そんな、どこまでも続く道と、どこまでも続く青い空のカラーコードは？　そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#a8c3e1


クリックしたポイント周辺のカラーコード
a8
c0
e6		a5
bf
e4		a2
bc
e1		9f
bc
de		9e
bc
de		9c
bd
dc		9c
bf
dd		9c
bf
dd
a5
bf
e4		a5
bf
e4		a4
be
e1		a2
bf
e1		a0
bf
de		a0
bf
de		a0
c1
e0		a1
c3
df
a2
bc
df		a4
be
e1		a5
c2
e4		a5
c2
e2		a4
c1
e1		a2
bf
df		a2
bf
dd		a2
bf
dd
a2
bf
e1		a3
c0
e2		a4
c1
e1		a5
bf
e0		a3
bd
de		a2
bd
db		a3
be
dc		a4
bf
dd
a4
c2
e4		a5
c2
e2		a4
c1
e1		a6
c0
e1		a8
c3
e1		ad
c6
e5		b2
cb
e9		b6
cd
ec
a4
c3
e2		a4
c3
e2		a5
c2
e2		a9
c4
e2		af
c8
e7		b5
cc
eb		b9
d0
ef		be
d3
f2
a2
c1
e0		a3
c2
e1		a5
c2
e0		aa
c5
e3		ae
c7
e6		af
c6
e5		af
c4
e3		ad
c2
e1
a8
c0
dc		a7
c0
de		a7
c0
de		a6
c1
df		a3
c0
e0		a1
bf
e1		9f
c0
e3		9f
c0
e3




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


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