色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#856c34
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e0dacc | dad2c2 | d4cbb7 | cec4ad | c8bca3 |
c2b599 | bbae8f | b5a685 | af9f7b | a99870 |
a39066 | 9d895c | 978252 | 917a48 | 8b733e |
7e6631 | 77612e | 715b2c | 6a5629 | 635127 |
5d4b24 | 564621 | 4f401f | 493b1c | 42361a |
3b3017 | 352b14 | 2e2512 | 27200f | 211b0d |
似ている色
| 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作成
.color856c34{
color : #856c34;
}
CSSの利用例
<span class="color856c34"> This color is #856c34. </span>
HTML上にstyleで直接書く
<span style="color:#856c34"> この色は #856c34. </span>
CSSの適用
この色は #856c34.
RGB（３原色）の値
R : 133
G : 108
B : 52