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

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

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

#22554f

#22554f

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


c7d4d3

bcccca

b1c3c1

a6bbb8

9bb2af

90aaa7

85a19e

7a9995

6f908c

648883

597f7b

4e7772

436e69

386660

2d5d57

20504b

1e4c47

1c4843

1b443f

193f3b

173b37

163733

14332f

122e2b

112a27

0f2623

0d221f

0b1d1b

0a1917

081513


おすすめカラーパターン

アンティーク調の色合い

ゆっくりと時間が流れていた時代を思わせる、深みと落ち着きのある色。この色を使って、シックな雰囲気を漂わせましょう。

タバコの葉のような濃い褐色
歴史の中で積み重ねた重みを感じさせるブラウン
古い本の紙の色を思わせる色


今ではボルドーとしてメジャーになった色
子牛の革の色を思わせる、古さと若さが感じられる色
昔話に出てくる夜の森のような色


焼いたオリーブの色のようなブラック
グレーとベージュの中間の落ち着きのある色
コーヒー豆を思わせる、思わず匂いを嗅いでしまいたくなるようなブラウン



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 #22554f.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #22554f.



RGB(3原色)の値

R : 34
G : 85
B : 79






トップに戻る

Color Floresta.

Language list