色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#b45959
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ecd5d5 | e8cdcd | e4c4c4 | e1bcbc | ddb4b4 |
d9acac | d5a3a3 | d29b9b | ce9393 | ca8a8a |
c68282 | c37a7a | bf7171 | bb6969 | b76161 |
ab5454 | a25050 | 994b4b | 904747 | 874242 |
7e3e3e | 753939 | 6c3535 | 633030 | 5a2c2c |
512828 | 482323 | 3f1f1f | 361a1a | 2d1616 |
似ている色
| 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作成
.colorb45959{
color : #b45959;
}
CSSの利用例
<span class="colorb45959"> This color is #b45959. </span>
HTML上にstyleで直接書く
<span style="color:#b45959"> この色は #b45959. </span>
CSSの適用
この色は #b45959.
RGB（３原色）の値
R : 180
G : 89
B : 89