色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#bfab42
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
efeacf | ebe5c6 | e8e1bc | e5ddb3 | e2d9a9 |
dfd5a0 | dbd097 | d8cc8d | d5c884 | d2c47a |
cfc071 | cbbb67 | c8b75e | c5b354 | c2af4b |
b5a23e | ab993b | a29138 | 988834 | 8f8031 |
85772e | 7c6f2a | 726627 | 695e24 | 5f5521 |
554c1d | 4c441a | 423b17 | 393313 | 2f2a10 |
似ている色
| 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作成
.colorbfab42{
color : #bfab42;
}
CSSの利用例
<span class="colorbfab42"> This color is #bfab42. </span>
HTML上にstyleで直接書く
<span style="color:#bfab42"> この色は #bfab42. </span>
CSSの適用
この色は #bfab42.
RGB（３原色）の値
R : 191
G : 171
B : 66