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

曇りの日の砂浜で、今にも落ちてきそうな雲の色 -- #abb5b7

曇りの日に、砂浜に行きました。晴れた日の爽快な空と違って、今にも重そうな雲が空から落ちてきそうです。そんなどんよりと曇った空の雲のカラーコードは? そう思うとき、ありますよね。このページの写真をクリックすると、その周辺のカラーコードを見ることができます。

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

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

#abb5b7


クリックしたポイント周辺のカラーコード
bf
bd
c0
c0
be
c1
c0
be
c1
c1
bf
c2
c1
bf
c2
c1
bf
c2
be
bc
bf
be
bc
bf
ba
bb
bf
ba
bb
bf
ba
bb
bf
bb
bc
c0
bb
bc
c0
bb
bc
c0
ba
bb
bf
ba
bb
bf
b2
b7
ba
b2
b7
ba
b2
b7
ba
b2
b7
ba
b3
b8
bb
b3
b8
bb
b3
b8
bb
b3
b8
bb
ad
b5
b7
ad
b5
b7
ad
b5
b7
ad
b5
b7
ad
b5
b7
ad
b5
b7
ae
b6
b8
ae
b6
b8
ac
b6
b8
ac
b6
b8
ac
b6
b8
ac
b6
b8
ab
b5
b7
ab
b5
b7
ac
b6
b8
ac
b6
b8
af
b7
ba
ae
b6
b9
ae
b6
b9
ae
b6
b9
ae
b6
b9
ad
b5
b8
ad
b5
b8
ad
b5
b8
b2
b7
bd
b2
b7
bd
b1
b6
bc
b1
b6
bc
b1
b6
bc
b1
b6
bc
b1
b6
bc
b1
b6
bc
b4
b7
be
b4
b7
be
b3
b6
bd
b3
b6
bd
b2
b5
bc
b2
b5
bc
b4
b7
be
b3
b6
bd




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


eaeced

e5e8e9

e1e5e5

dde1e2

d9ddde

d5dadb

d0d6d7

ccd2d3

c8ced0

c4cbcc

c0c7c9

bbc3c5

b7c0c1

b3bcbe

afb8ba

a2abad

99a2a4

91999b

889092

808789

777e80

6f7576

666c6d

5e6364

555a5b

4c5152

444849

3b3f40

333636

2a2d2d



おすすめカラーパターン

> 初夏に着たいTシャツ

ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。

初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー

灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト

晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン


Dot









Checkered pattern









stripe











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

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


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


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


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


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


#b4c3be
#b1a897
#a7a495
#bfb3a3
#dad9d5
#c7dfdf
#d6d6d6
#9f8f90
#d1d2d6
#afafaf


#a2bad4
#a9adac
#8599a4
#cbb2ab
#bdb9ae
#9aa5b9
#dccbbb
#9a908e
#b5aa8e
#bbb4ac


#ccc1af
#97aa94
#d3ceca
#c7b29f
#abbcc3
#c4c2c3
#baa798
#848695
#b2b2b0
#d2cbc3


#d9a294
#c1c1cb
#898b8a
#9fadb0
#a8c3e1
#b9a38c
#afb3bc
#cfcfd1
#dcddcf
#cbdac5


#ada187
#bdc6cb
#ceb5ae
#d6d0c4
#c1bab4
#a3b4be
#8a8c8b
#bcb2a9
#b0c3e3
#c3ad96


#9bbed4
#dba5b2
#b8a994
#93cdb5
#7cb58c
#bdced8
#98a093
#94908d
#d3b68a
#bccccb


#898a8e
#d4ab8b
#afafaf
#a7b8d2
#858a86
#8db18b
#bbbcbe
#b28cc9
#d8c5c7
#a1a1a3


#bae0a5
#cfb899
#d0ccc9
#d9dd91
#88dbe3





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




CSS作成

				.colorabb5b7{
	color : #abb5b7;
}
				

CSSの利用例

<span class="colorabb5b7">
This color is #abb5b7.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #abb5b7.



RGB(3原色)の値

R : 171
G : 181
B : 183






トップに戻る

Color Floresta.

Language list