色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#94b252
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e4ebd3 | dee7cb | d9e4c2 | d4e0b9 | cedcb1 |
c9d8a8 | c4d49f | bed097 | b9cc8e | b4c985 |
aec57d | a9c174 | a4bd6b | 9eb963 | 99b55a |
8ca94d | 85a049 | 7d9745 | 768e41 | 6f853d |
677c39 | 607335 | 586a31 | 51612d | 4a5929 |
425024 | 3b4720 | 333e1c | 2c3518 | 252c14 |
似ている色
| 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作成
.color94b252{
color : #94b252;
}
CSSの利用例
<span class="color94b252"> This color is #94b252. </span>
HTML上にstyleで直接書く
<span style="color:#94b252"> この色は #94b252. </span>
CSSの適用
この色は #94b252.
RGB（３原色）の値
R : 148
G : 178
B : 82