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

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

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

#2a5446

#2a5446

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


c9d4d0

bfcbc7

b4c3be

a9bab5

9fb2ab

94a9a2

89a099

7f9890

748f86

69877d

5f7e74

54766b

496d61

3f6558

345c4f

274f42

254b3f

23473b

214338

1f3f34

1d3a31

1b362d

19322a

172e26

152a23

12251f

10211c

0e1d18

0c1915

0a1511


おすすめカラーパターン

アンティーク調の色合い

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

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


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


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



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 #2a5446.
</span>
				


HTML上にstyleで直接書く

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


CSSの適用
この色は #2a5446.



RGB(3原色)の値

R : 42
G : 84
B : 70






トップに戻る

Color Floresta.

Language list