色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#d80d2a
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f5c2c9 | f3b6bf | f1aab4 | ef9ea9 | ed929f |
eb8694 | e97989 | e76d7f | e56174 | e35569 |
e1495f | df3d54 | dd3149 | db253f | d91934 |
cd0c27 | c20b25 | b70b23 | ac0a21 | a2091f |
97091d | 8c081b | 810719 | 760717 | 6c0615 |
610512 | 560510 | 4b040e | 40030c | 36030a |
似ている色
| 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作成
.colord80d2a{
color : #d80d2a;
}
CSSの利用例
<span class="colord80d2a"> This color is #d80d2a. </span>
HTML上にstyleで直接書く
<span style="color:#d80d2a"> この色は #d80d2a. </span>
CSSの適用
この色は #d80d2a.
RGB（３原色）の値
R : 216
G : 13
B : 42