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

WEBで使えるカラーコード一覧と、そのグラデーションコード

カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。

#60caef

#60caef

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


d7f1fb

cfeffa

c7ecf9

bfe9f8

b7e7f7

afe4f7

a7e1f6

9fdff5

97dcf4

8fd9f3

87d7f3

7fd4f2

77d1f1

6fcff0

67ccef

5bbfe3

56b5d7

51abcb

4ca1bf

4897b3

438da7

3e839b

39798f

346f83

306577

2b5a6b

26505f

214653

1c3c47

18323b


おすすめカラーパターン

どこまでも飛んでいけ、風船たち!

色とりどりの風船たちを空に放つと、一斉に空に舞い上がる。
思いおもいの場所へ自由に飛んでいく風船たち。そんな自由をイメージした色。


明るい黄色は、どんなに遠くに行ってもいつまでも見つけられる
少し優しい感じのある、くすんだレッド
夕暮れの空に溶け込んでいってしまいそうな、オレンジ


誰にでも優しくしてもらえそうな、かわいいピンク
霧の中にうっすらと見えているようなブルー
空に溶けて見えなくなってしまいそうなブルー


霧の中に見える山のようなグリーン
主張しすぎない、落ち着いたブルー
霧に囲まれて、何も見えなくなってしまったようなホワイト



Dot









Checkered pattern









stripe










似ている色

lightblue
add8e6
powderblue
b0e0e6

afeeee
lightcyan
e0ffff
cyan
00ffff
aqua
00ffff
turquoise
40e0d0

48d1cc

00ced1

20b2aa




このカラーコードを使っている写真を見てみる






CSS作成

				.color{
	color : #;
}
				

CSSの利用例

<span class="color">
This color is #60caef.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #60caef.



RGB(3原色)の値

R : 96
G : 202
B : 239






トップに戻る

Color Floresta.

Language list