色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ff0c0e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ffc2c2 | ffb6b6 | ffa9aa | ff9d9e | ff9192 |
ff8586 | ff797a | ff6d6e | ff6162 | ff5456 |
ff484a | ff3c3e | ff3032 | ff2426 | ff181a |
f20b0d | e50a0c | d80a0b | cc090b | bf090a |
b20809 | a50709 | 990708 | 8c0607 | 7f0607 |
720506 | 660405 | 590404 | 4c0304 | 3f0303 |
似ている色
| 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作成
.colorff0c0e{
color : #ff0c0e;
}
CSSの利用例
<span class="colorff0c0e"> This color is #ff0c0e. </span>
HTML上にstyleで直接書く
<span style="color:#ff0c0e"> この色は #ff0c0e. </span>
CSSの適用
この色は #ff0c0e.
RGB（３原色）の値
R : 255
G : 12
B : 14