色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#687543
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d9dcd0 | d1d5c6 | cacebd | c2c7b3 | bbc0aa |
b3baa1 | abb397 | a4ac8e | 9ca584 | 959e7b |
8d9772 | 869068 | 7e895f | 778255 | 6f7b4c |
626f3f | 5d693c | 586338 | 535d35 | 4e5732 |
48512e | 434c2b | 3e4628 | 394024 | 343a21 |
2e341e | 292e1a | 242817 | 1f2314 | 1a1d10 |
似ている色
| 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作成
.color687543{
color : #687543;
}
CSSの利用例
<span class="color687543"> This color is #687543. </span>
HTML上にstyleで直接書く
<span style="color:#687543"> この色は #687543. </span>
CSSの適用
この色は #687543.
RGB（３原色）の値
R : 104
G : 117
B : 67