色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#96bb69
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e4eed9 | dfead2 | dae7ca | d5e3c3 | cfe0bb |
caddb4 | c5d9ac | c0d6a5 | bad29d | b5cf96 |
b0cc8e | abc887 | a5c57f | a0c178 | 9bbe70 |
8eb163 | 87a85e | 7f9e59 | 789554 | 708c4e |
698249 | 617944 | 5a703f | 526639 | 4b5d34 |
43542f | 3c4a2a | 344124 | 2d381f | 252e1a |
似ている色
| 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作成
.color96bb69{
color : #96bb69;
}
CSSの利用例
<span class="color96bb69"> This color is #96bb69. </span>
HTML上にstyleで直接書く
<span style="color:#96bb69"> この色は #96bb69. </span>
CSSの適用
この色は #96bb69.
RGB（３原色）の値
R : 150
G : 187
B : 105