色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#d9c49e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f5f0e6 | f3ede1 | f1eadd | efe7d8 | ede4d3 |
ece1ce | eadec9 | e8dbc4 | e6d8bf | e4d5bb |
e2d2b6 | e0cfb1 | deccac | dcc9a7 | dac6a2 |
ceba96 | c3b08e | b8a686 | ad9c7e | a29376 |
97896e | 8d7f66 | 82755e | 776b56 | 6c624f |
615847 | 564e3f | 4b4437 | 413a2f | 363127 |
似ている色
| 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作成
.colord9c49e{
color : #d9c49e;
}
CSSの利用例
<span class="colord9c49e"> This color is #d9c49e. </span>
HTML上にstyleで直接書く
<span style="color:#d9c49e"> この色は #d9c49e. </span>
CSSの適用
この色は #d9c49e.
RGB（３原色）の値
R : 217
G : 196
B : 158