色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ad3f3f
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
eacfcf | e6c5c5 | e2bbbb | deb2b2 | daa8a8 |
d69f9f | d19595 | cd8b8b | c98282 | c57878 |
c16f6f | bd6565 | b95b5b | b55252 | b14848 |
a43b3b | 9b3838 | 933535 | 8a3232 | 812f2f |
792c2c | 702828 | 672525 | 5f2222 | 561f1f |
4d1c1c | 451919 | 3c1616 | 331212 | 2b0f0f |
似ている色
| firebrick b22222 |
indianred cd5c5c |
rosybrown bc8f8f |
e9967a |
f08080 |
| salmon fa8072 |
ffa07a |
coral ff7f50 |
tomato ff6347 |
orangered ff4500 |
| red ff0000 |
crimson dc143c |
c71585 |
deeppink ff1493 |
hotpink ff69b4 |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorad3f3f{
color : #ad3f3f;
}
CSSの利用例
<span class="colorad3f3f"> This color is #ad3f3f. </span>
HTML上にstyleで直接書く
<span style="color:#ad3f3f"> この色は #ad3f3f. </span>
CSSの適用
この色は #ad3f3f.
RGB（３原色）の値
R : 173
G : 63
B : 63