色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a2b277
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e7ebdd | e3e7d6 | dee4cf | d9e0c8 | d5dcc1 |
d0d8bb | cbd4b4 | c7d0ad | c2cca6 | bdc99f |
b9c599 | b4c192 | afbd8b | abb984 | a6b57d |
99a971 | 91a06b | 899765 | 818e5f | 798559 |
717c53 | 69734d | 616a47 | 596141 | 51593b |
485035 | 40472f | 383e29 | 303523 | 282c1d |
似ている色
| 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作成
.colora2b277{
color : #a2b277;
}
CSSの利用例
<span class="colora2b277"> This color is #a2b277. </span>
HTML上にstyleで直接書く
<span style="color:#a2b277"> この色は #a2b277. </span>
CSSの適用
この色は #a2b277.
RGB（３原色）の値
R : 162
G : 178
B : 119