色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#f7ead4
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
fdf9f4 | fcf8f2 | fcf7ef | fbf6ed | fbf5eb |
fbf4e9 | faf3e7 | faf2e5 | f9f1e3 | f9f0e0 |
f9efde | f8eedc | f8edda | f7ecd8 | f7ebd6 |
eadec9 | ded2be | d1c6b4 | c5bba9 | b9af9f |
aca394 | a09889 | 948c7f | 878074 | 7b756a |
6f695f | 625d54 | 56514a | 4a463f | 3d3a35 |
似ている色
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作成
.colorf7ead4{ color : #f7ead4; }
CSSの利用例
<span class="colorf7ead4"> This color is #f7ead4. </span>
HTML上にstyleで直接書く
<span style="color:#f7ead4"> この色は #f7ead4. </span>
CSSの適用
この色は #f7ead4.
RGB(3原色)の値
R : 247
G : 234
B : 212