色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#977f65
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e5dfd8 | dfd8d0 | dad2c9 | d5cbc1 | d0c5b9 |
cbbfb2 | c5b8aa | c0b2a2 | bbab9a | b6a593 |
b19f8b | ab9883 | a6927c | a18b74 | 9c856c |
8f785f | 87725a | 806b55 | 786550 | 715f4b |
695846 | 625241 | 5a4c3c | 534537 | 4b3f32 |
43392d | 3c3228 | 342c23 | 2d261e | 251f19 |
似ている色
| 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作成
.color977f65{
color : #977f65;
}
CSSの利用例
<span class="color977f65"> This color is #977f65. </span>
HTML上にstyleで直接書く
<span style="color:#977f65"> この色は #977f65. </span>
CSSの適用
この色は #977f65.
RGB（３原色）の値
R : 151
G : 127
B : 101