色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#f5d83f
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
fcf5cf | fcf3c5 | fbf1bb | fbefb2 | faeda8 |
faeb9f | f9e995 | f9e78b | f8e582 | f8e378 |
f7e16f | f7df65 | f6dd5b | f6db52 | f5d948 |
e8cd3b | dcc238 | d0b735 | c4ac32 | b7a22f |
ab972c | 9f8c28 | 938125 | 867622 | 7a6c1f |
6e611c | 625619 | 554b16 | 494012 | 3d360f |
似ている色
| 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作成
.colorf5d83f{
color : #f5d83f;
}
CSSの利用例
<span class="colorf5d83f"> This color is #f5d83f. </span>
HTML上にstyleで直接書く
<span style="color:#f5d83f"> この色は #f5d83f. </span>
CSSの適用
この色は #f5d83f.
RGB（３原色）の値
R : 245
G : 216
B : 63