色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#f7f766
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
fdfdd8 | fcfcd1 | fcfcc9 | fbfbc1 | fbfbba |
fbfbb2 | fafaaa | fafaa3 | f9f99b | f9f993 |
f9f98c | f8f884 | f8f87c | f7f775 | f7f76d |
eaea60 | dede5b | d1d156 | c5c551 | b9b94c |
acac47 | a0a042 | 94943d | 878738 | 7b7b33 |
6f6f2d | 626228 | 565623 | 4a4a1e | 3d3d19 |
似ている色
| 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作成
.colorf7f766{
color : #f7f766;
}
CSSの利用例
<span class="colorf7f766"> This color is #f7f766. </span>
HTML上にstyleで直接書く
<span style="color:#f7f766"> この色は #f7f766. </span>
CSSの適用
この色は #f7f766.
RGB（３原色）の値
R : 247
G : 247
B : 102