色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#bd4343
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
eed0d0 | ebc6c6 | e7bdbd | e4b3b3 | e1aaaa |
dea1a1 | da9797 | d78e8e | d48484 | d07b7b |
cd7272 | ca6868 | c65f5f | c35555 | c04c4c |
b33f3f | aa3c3c | a03838 | 973535 | 8d3232 |
842e2e | 7a2b2b | 712828 | 672424 | 5e2121 |
551e1e | 4b1a1a | 421717 | 381414 | 2f1010 |
似ている色
| 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作成
.colorbd4343{
color : #bd4343;
}
CSSの利用例
<span class="colorbd4343"> This color is #bd4343. </span>
HTML上にstyleで直接書く
<span style="color:#bd4343"> この色は #bd4343. </span>
CSSの適用
この色は #bd4343.
RGB（３原色）の値
R : 189
G : 67
B : 67