色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#b09f80
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ebe7df | e7e2d8 | e3ddd2 | dfd8cc | dbd3c5 |
d7cfbf | d3cab9 | cfc5b2 | cbc0ac | c7bba6 |
c3b79f | bfb299 | bbad93 | b7a88c | b3a386 |
a79779 | 9e8f73 | 95876c | 8c7f66 | 847760 |
7b6f59 | 726753 | 695f4c | 605746 | 584f40 |
4f4739 | 463f33 | 3d372c | 342f26 | 2c2720 |
似ている色
| 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作成
.colorb09f80{
color : #b09f80;
}
CSSの利用例
<span class="colorb09f80"> This color is #b09f80. </span>
HTML上にstyleで直接書く
<span style="color:#b09f80"> この色は #b09f80. </span>
CSSの適用
この色は #b09f80.
RGB（３原色）の値
R : 176
G : 159
B : 128