色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ccae94
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f2eae4 | efe6de | ede2d9 | eaded4 | e8dace |
e5d6c9 | e2d2c4 | e0cebe | ddcab9 | dbc6b4 |
d8c2ae | d6bea9 | d3baa4 | d1b69e | ceb299 |
c1a58c | b79c85 | ad937d | a38b76 | 99826f |
8e7967 | 847160 | 7a6858 | 705f51 | 66574a |
5b4e42 | 51453b | 473c33 | 3d342c | 332b25 |
似ている色
| 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作成
.colorccae94{
color : #ccae94;
}
CSSの利用例
<span class="colorccae94"> This color is #ccae94. </span>
HTML上にstyleで直接書く
<span style="color:#ccae94"> この色は #ccae94. </span>
CSSの適用
この色は #ccae94.
RGB（３原色）の値
R : 204
G : 174
B : 148