色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#bae647
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
edf8d1 | eaf7c7 | e6f6be | e3f5b5 | dff3ac |
dcf2a3 | d9f199 | d5f090 | d2ee87 | ceed7e |
cbec75 | c7eb6b | c4e962 | c0e859 | bde750 |
b0da43 | a7cf3f | 9ec33c | 94b838 | 8bac35 |
82a131 | 78952e | 6f8a2a | 667e27 | 5d7323 |
53671f | 4a5c1c | 415018 | 374515 | 2e3911 |
似ている色
| 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作成
.colorbae647{
color : #bae647;
}
CSSの利用例
<span class="colorbae647"> This color is #bae647. </span>
HTML上にstyleで直接書く
<span style="color:#bae647"> この色は #bae647. </span>
CSSの適用
この色は #bae647.
RGB（３原色）の値
R : 186
G : 230
B : 71