色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#685b53
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d9d6d4 | d1cdcb | cac5c2 | c2bdba | bbb5b1 |
b3ada9 | aba4a0 | a49c97 | 9c948f | 958c86 |
8d847e | 867b75 | 7e736c | 776b64 | 6f635b |
62564e | 5d514a | 584d46 | 534842 | 4e443e |
483f3a | 433b35 | 3e3631 | 39322d | 342d29 |
2e2825 | 292421 | 241f1d | 1f1b18 | 1a1614 |
似ている色
| 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作成
.color685b53{
color : #685b53;
}
CSSの利用例
<span class="color685b53"> This color is #685b53. </span>
HTML上にstyleで直接書く
<span style="color:#685b53"> この色は #685b53. </span>
CSSの適用
この色は #685b53.
RGB（３原色）の値
R : 104
G : 91
B : 83