色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a84444
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e9d0d0 | e4c6c6 | e0bdbd | dcb4b4 | d7aaaa |
d3a1a1 | cf9898 | ca8e8e | c68585 | c27c7c |
bd7272 | b96969 | b56060 | b05656 | ac4d4d |
9f4040 | 973d3d | 8e3939 | 863636 | 7e3333 |
752f2f | 6d2c2c | 642828 | 5c2525 | 542222 |
4b1e1e | 431b1b | 3a1717 | 321414 | 2a1111 |
似ている色
| 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作成
.colora84444{
color : #a84444;
}
CSSの利用例
<span class="colora84444"> This color is #a84444. </span>
HTML上にstyleで直接書く
<span style="color:#a84444"> この色は #a84444. </span>
CSSの適用
この色は #a84444.
RGB（３原色）の値
R : 168
G : 68
B : 68