色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#867a62
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e0ddd7 | dad7cf | d4d0c8 | cec9c0 | c8c3b8 |
c2bcb0 | bcb5a8 | b6afa0 | b0a898 | aaa191 |
a49b89 | 9e9481 | 988d79 | 928771 | 8c8069 |
7f735d | 786d58 | 716753 | 6b614e | 645b49 |
5d5544 | 574f3f | 50493a | 494335 | 433d31 |
3c362c | 353027 | 2e2a22 | 28241d | 211e18 |
似ている色
| 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作成
.color867a62{
color : #867a62;
}
CSSの利用例
<span class="color867a62"> This color is #867a62. </span>
HTML上にstyleで直接書く
<span style="color:#867a62"> この色は #867a62. </span>
CSSの適用
この色は #867a62.
RGB（３原色）の値
R : 134
G : 122
B : 98