色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#b6e53f
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ecf8cf | e9f7c5 | e5f5bb | e1f4b2 | def3a8 |
daf29f | d6f095 | d3ef8b | cfee82 | cbec78 |
c8eb6f | c4ea65 | c0e85b | bde752 | b9e648 |
acd93b | a3ce38 | 9ac235 | 91b732 | 88ab2f |
7fa02c | 769428 | 6d8925 | 647d22 | 5b721f |
51671c | 485b19 | 3f5016 | 364412 | 2d390f |
似ている色
| 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作成
.colorb6e53f{
color : #b6e53f;
}
CSSの利用例
<span class="colorb6e53f"> This color is #b6e53f. </span>
HTML上にstyleで直接書く
<span style="color:#b6e53f"> この色は #b6e53f. </span>
CSSの適用
この色は #b6e53f.
RGB（３原色）の値
R : 182
G : 229
B : 63