色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#54572e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d4d5ca | cbccc0 | c3c4b5 | babbab | b2b3a0 |
a9ab96 | a0a28c | 989a81 | 8f9177 | 87896c |
7e8162 | 767857 | 6d704d | 656742 | 5c5f38 |
4f522b | 4b4e29 | 474927 | 434524 | 3f4122 |
3a3c20 | 36381d | 32341b | 2e2f19 | 2a2b17 |
252714 | 212212 | 1d1e10 | 191a0d | 15150b |
似ている色
| darkkhaki bdb76b |
eee8aa |
cornsilk fff8dc |
beige f5f5dc |
ffffe0 |
fafad2 |
fffacd |
wheat f5deb3 |
burlywood deb887 |
tan d2b48c |
| khaki f0e68c |
yellow ffff00 |
gold ffd700 |
pink ffc0cb |
f4a460 |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color54572e{
color : #54572e;
}
CSSの利用例
<span class="color54572e"> This color is #54572e. </span>
HTML上にstyleで直接書く
<span style="color:#54572e"> この色は #54572e. </span>
CSSの適用
この色は #54572e.
RGB（３原色）の値
R : 84
G : 87
B : 46