色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#45576d
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d0d5da | c7ccd3 | bdc4cb | b4bbc4 | abb3bd |
a2abb6 | 98a2ae | 8f9aa7 | 8691a0 | 7c8998 |
738191 | 6a788a | 607082 | 57677b | 4e5f74 |
415267 | 3e4e62 | 3a495c | 374557 | 334151 |
303c4c | 2c3846 | 293441 | 252f3b | 222b36 |
1f2731 | 1b222b | 181e26 | 141a20 | 11151b |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color45576d{
color : #45576d;
}
CSSの利用例
<span class="color45576d"> This color is #45576d. </span>
HTML上にstyleで直接書く
<span style="color:#45576d"> この色は #45576d. </span>
CSSの適用
この色は #45576d.
RGB（３原色）の値
R : 69
G : 87
B : 109