色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#897a42
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e1ddcf | dbd7c6 | d5d0bc | cfc9b3 | c9c3a9 |
c4bca0 | beb597 | b8af8d | b2a884 | aca17a |
a69b71 | a09467 | 9a8d5e | 948754 | 8e804b |
82733e | 7b6d3b | 746738 | 6d6134 | 665b31 |
5f552e | 594f2a | 524927 | 4b4324 | 443d21 |
3d361d | 36301a | 2f2a17 | 292413 | 221e10 |
似ている色
| 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作成
.color897a42{
color : #897a42;
}
CSSの利用例
<span class="color897a42"> This color is #897a42. </span>
HTML上にstyleで直接書く
<span style="color:#897a42"> この色は #897a42. </span>
CSSの適用
この色は #897a42.
RGB（３原色）の値
R : 137
G : 122
B : 66