色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ccbc65
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f2eed8 | efead0 | ede7c9 | eae4c1 | e8e0b9 |
e5ddb2 | e2daaa | e0d6a2 | ddd39a | dbd093 |
d8cc8b | d6c983 | d3c67c | d1c274 | cebf6c |
c1b25f | b7a95a | ad9f55 | a39650 | 998d4b |
8e8346 | 847a41 | 7a703c | 706737 | 665e32 |
5b542d | 514b28 | 474123 | 3d381e | 332f19 |
似ている色
| 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作成
.colorccbc65{
color : #ccbc65;
}
CSSの利用例
<span class="colorccbc65"> This color is #ccbc65. </span>
HTML上にstyleで直接書く
<span style="color:#ccbc65"> この色は #ccbc65. </span>
CSSの適用
この色は #ccbc65.
RGB（３原色）の値
R : 204
G : 188
B : 101