色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#9ba97f
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e6e9df | e1e5d8 | dce0d2 | d7dccb | d2d8c5 |
cdd4bf | c8cfb8 | c3cbb2 | bec7ab | b9c2a5 |
b4be9f | afba98 | aab592 | a5b18b | a0ad85 |
93a078 | 8b9872 | 838f6b | 7c8765 | 747e5f |
6c7658 | 646d52 | 5d654c | 555c45 | 4d543f |
454c39 | 3e4332 | 363b2c | 2e3226 | 262a1f |
似ている色
| 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作成
.color9ba97f{
color : #9ba97f;
}
CSSの利用例
<span class="color9ba97f"> This color is #9ba97f. </span>
HTML上にstyleで直接書く
<span style="color:#9ba97f"> この色は #9ba97f. </span>
CSSの適用
この色は #9ba97f.
RGB（３原色）の値
R : 155
G : 169
B : 127