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

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

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

#ffa500 orange

#ffa500

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


ffe8bf

ffe4b2

ffdfa5

ffdb99

ffd68c

ffd27f

ffcd72

ffc966

ffc459

ffc04c

ffbb3f

ffb733

ffb226

ffae19

ffa90c

f29c00

e59400

d88c00

cc8400

bf7b00

b27300

a56b00

996300

8c5a00

7f5200

724a00

664200

593900

4c3100

3f2900


おすすめカラーパターン

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

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


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


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


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



Dot









Checkered pattern









stripe










似ている色

khaki
f0e68c
yellow
ffff00
gold
ffd700
pink
ffc0cb

f4a460

ff8c00
goldenrod
daa520
peru
cd853f

b8860b
chocolate
d2691e
sienna
a0522d

8b4513
maroon
800000
darkred
8b0000
brown
a52a2a
firebrick
b22222
indianred
cd5c5c
rosybrown
bc8f8f

e9967a

f08080
salmon
fa8072

ffa07a
coral
ff7f50
tomato
ff6347
orangered
ff4500




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






CSS作成

				.color{
	color : #;
}
				

CSSの利用例

<span class="color">
This color is orange.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は orange.



RGB(3原色)の値

R : 255
G : 165
B : 0






トップに戻る

Color Floresta.

Language list