色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#f93f3f
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
fdcfcf | fdc5c5 | fcbbbb | fcb2b2 | fca8a8 |
fc9f9f | fb9595 | fb8b8b | fb8282 | fa7878 |
fa6f6f | fa6565 | f95b5b | f95252 | f94848 |
ec3b3b | e03838 | d33535 | c73232 | ba2f2f |
ae2c2c | a12828 | 952525 | 882222 | 7c1f1f |
701c1c | 631919 | 571616 | 4a1212 | 3e0f0f |
似ている色
| 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作成
.colorf93f3f{
color : #f93f3f;
}
CSSの利用例
<span class="colorf93f3f"> This color is #f93f3f. </span>
HTML上にstyleで直接書く
<span style="color:#f93f3f"> この色は #f93f3f. </span>
CSSの適用
この色は #f93f3f.
RGB（３原色）の値
R : 249
G : 63
B : 63