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

青い空と白い雲と観覧車 -- #c1cbd5

父と行ったいつかの遊園地。そんな日の青空を思い浮かべて。あの色のカラーコードは何だろう?そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#c1cbd5


クリックしたポイント周辺のカラーコード
a6
c3
eb
90
aa
cf
88
9f
bf
9f
ae
cb
a4
b2
cd
97
a6
c3
97
a8
c6
a7
ba
db
af
cb
f0
9a
b4
d7
97
ae
ce
9c
aa
c4
a7
b2
c8
96
a2
ba
96
a4
be
af
c0
dc
b3
cb
ed
97
b1
d4
a6
bb
da
ac
b8
ce
bb
c4
d5
bc
c8
d8
be
cb
dc
ac
bd
d1
b4
c7
e5
a1
b8
da
ae
c3
e0
bc
c9
da
c6
d0
dc
bb
c7
d3
be
cc
d9
b7
c7
d7
b8
c6
e1
ab
c0
df
b1
c5
e0
bc
c9
da
c1
cb
d5
aa
b7
c0
b1
bd
c9
c1
cf
dc
bd
c8
de
b3
c4
e2
ac
c0
db
b8
c5
d6
ba
c6
d2
9b
a7
b3
a2
ae
bc
bd
cb
d8
bb
c0
d4
ba
c8
e3
b1
c2
dc
b8
c7
da
bf
cc
dc
a4
b1
c2
a6
b3
c4
b5
c2
d3
b5
b6
c8
bd
c9
e3
b5
c5
df
ad
bc
d3
b9
c5
db
af
bb
d1
b7
c3
d9
b6
c2
d8




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


eff2f4

eceff2

e9ecf0

e6eaee

e3e7ec

e0e5ea

dce2e7

d9dfe5

d6dde3

d3dae1

d0d8df

cdd5dd

cad2db

c7d0d9

c4cdd7

b7c0ca

adb6bf

a4acb5

9aa2aa

90989f

878e95

7d838a

73797f

6a6f75

60656a

565b5f

4d5155

43474a

393c3f

303235



おすすめカラーパターン

> 大地の記録

何億年も前からの大地の記録が層になった地層。その地層を連想させるような色。太古に思いを馳せて使いたい。

一番ポピュラーなブラウン
赤土のような色。鉄分を多く含んだ粘土の色
明るい基本的なグレー

焦げたような茶色
砂を連想させる色
暗くもなく明るくもない中間的なグレー

恐竜が生きた時代を思わせる深いブラウン
青みがかった冷たい感じのグレー
古代を連想させるブラック


Dot









Checkered pattern









stripe











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

#dfe4e7
#c0cde0
#bfbbbc
#dfdcd5
#a3b1b1
#d9e6ef
#979ea8
#d1c7be
#f2e8f0
#bcc7cb


#c1cbce
#dae1e7
#b2a1cd
#edeee8
#dd9ca4
#ced8cd
#acc0be
#d5d6d0
#dfe2e9
#d8d1c1


#98badd
#cdbfbe
#c6e2e3
#a1b3cb
#c3d5eb
#eeeff3
#d9dee1
#dfe1de
#b7a2cb
#a4b1c1


#c5d6e6
#bcbbc9
#9ef1ff
#e4e5e9
#aae6e4
#c5bbba
#f2bdc7
#adb2b8
#b4c6da
#90adcb


#c3effa
#c6b6a9
#c0c6c4
#ccd0d9
#e0e4ef
#a7bdd5
#a5adb8
#c8c7c2
#bbebf7
#cac5c2


#b4c3be
#e4e0d7
#e7ddd1
#ecc8b2
#efdfbd
#dad9d5
#efe6e7
#c7dfdf
#eee7e1
#dfe6ec


#ccf3f8
#d6d6d6
#c0f0fa
#d1d2d6
#afafaf
#a2bad4
#a9adac
#e6ddcc
#cbb2ab
#e9e9e9


#bdb9ae
#bad4ef
#9aa5b9
#dccbbb
#bbb4ac
#ccc1af
#d5a9ff
#d3ceca
#abbcc3
#e2f0fd


#d7e0f1
#dfe0e4
#90befc
#c4c2c3
#b2b2b0
#d2cbc3
#ded9d3
#c1c1cb
#c6dbf6
#cde8c5


#9fadb0
#a8c3e1
#efe7d0
#eeeadf
#afb3bc
#cfcfd1
#dfdbe9
#dcddcf
#cbdac5
#bdc6cb


#ceb5ae
#d6d0c4
#c1bab4
#a3b4be
#bcb2a9
#b0c3e3
#9bbed4
#dba5b2
#93cdb5
#bed4e9


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


#a7b8d2
#bbbcbe
#e9cbaf
#e0d8c3
#f2ddcc
#ebe8d5
#d8c5c7
#bae0a5
#d0ccc9
#d6b9fc







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




CSS作成

				.colorc1cbd5{
	color : #c1cbd5;
}
				

CSSの利用例

<span class="colorc1cbd5">
This color is #c1cbd5.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #c1cbd5.



RGB(3原色)の値

R : 193
G : 203
B : 213






トップに戻る

Color Floresta.

Language list