色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#c62d2e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f0caca | edc0c0 | ebb5b5 | e8abab | e5a0a0 |
e29696 | df8b8c | dc8181 | d97677 | d76c6c |
d46162 | d15757 | ce4c4d | cb4242 | c83738 |
bc2a2b | b22829 | a82627 | 9e2424 | 942122 |
8a1f20 | 801d1d | 761b1b | 6c1819 | 631617 |
591414 | 4f1212 | 450f10 | 3b0d0d | 310b0b |
似ている色
| 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作成
.colorc62d2e{
color : #c62d2e;
}
CSSの利用例
<span class="colorc62d2e"> This color is #c62d2e. </span>
HTML上にstyleで直接書く
<span style="color:#c62d2e"> この色は #c62d2e. </span>
CSSの適用
この色は #c62d2e.
RGB（３原色）の値
R : 198
G : 45
B : 46