色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#adce85
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
eaf2e0 | e6f0da | e2edd4 | deebce | dae8c8 |
d6e6c2 | d1e4bb | cde1b5 | c9dfaf | c5dca9 |
c1daa3 | bdd79d | b9d597 | b5d291 | b1d08b |
a4c37e | 9bb977 | 93af71 | 8aa46a | 819a63 |
79905d | 708556 | 677b4f | 5f7149 | 566742 |
4d5c3b | 455235 | 3c482e | 333d27 | 2b3321 |
似ている色
| 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作成
.coloradce85{
color : #adce85;
}
CSSの利用例
<span class="coloradce85"> This color is #adce85. </span>
HTML上にstyleで直接書く
<span style="color:#adce85"> この色は #adce85. </span>
CSSの適用
この色は #adce85.
RGB（３原色）の値
R : 173
G : 206
B : 133