色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ddca78
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f6f1dd | f4efd6 | f3eccf | f1e9c9 | efe7c2 |
eee4bb | ece1b4 | eadfae | e8dca7 | e7d9a0 |
e5d799 | e3d493 | e2d18c | e0cf85 | decc7e |
d1bf72 | c6b56c | bbab66 | b0a160 | a5975a |
9a8d54 | 8f834e | 847948 | 796f42 | 6e653c |
635a36 | 585030 | 4d462a | 423c24 | 37321e |
似ている色
| 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作成
.colorddca78{
color : #ddca78;
}
CSSの利用例
<span class="colorddca78"> This color is #ddca78. </span>
HTML上にstyleで直接書く
<span style="color:#ddca78"> この色は #ddca78. </span>
CSSの適用
この色は #ddca78.
RGB（３原色）の値
R : 221
G : 202
B : 120