色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#695a31
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d9d5cb | d2cdc1 | cac5b6 | c3bdac | bbb4a2 |
b4ac98 | aca48d | a59c83 | 9d9379 | 968b6e |
8e8364 | 877b5a | 7f724f | 786a45 | 70623b |
63552e | 5e512c | 594c29 | 544827 | 4e4324 |
493f22 | 443a1f | 3f361d | 39311a | 342d18 |
2f2816 | 2a2413 | 241f11 | 1f1b0e | 1a160c |
似ている色
| 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作成
.color695a31{
color : #695a31;
}
CSSの利用例
<span class="color695a31"> This color is #695a31. </span>
HTML上にstyleで直接書く
<span style="color:#695a31"> この色は #695a31. </span>
CSSの適用
この色は #695a31.
RGB（３原色）の値
R : 105
G : 90
B : 49