色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ffd700 gold
この色は英語の名前も設定されている、ウェブサイトで安全に使用できる色です。
グラデーションカラーコード
fff5bf | fff3b2 | fff1a5 | ffef99 | ffed8c |
ffeb7f | ffe972 | ffe766 | ffe559 | ffe34c |
ffe13f | ffdf33 | ffdd26 | ffdb19 | ffd90c |
f2cc00 | e5c100 | d8b600 | ccac00 | bfa100 |
b29600 | a58b00 | 998100 | 8c7600 | 7f6b00 |
726000 | 665600 | 594b00 | 4c4000 | 3f3500 |
似ている色
| 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作成
.gold{
color : #ffd700;
}
または
.gold {
color : gold;
}
CSSの利用例
<span class="gold"> This color is gold. </span>
HTML上にstyleで直接書く
<span style="color:gold"> この色は gold. </span>
CSSの適用
この色は gold.
RGB（３原色）の値
R : 255
G : 215
B : 0