色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#f7c895
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
fdf1e4 | fceedf | fcebd9 | fbe9d4 | fbe6cf |
fbe3ca | fae0c4 | fadebf | f9dbba | f9d8b4 |
f9d5af | f8d3aa | f8d0a4 | f7cd9f | f7ca9a |
eabe8d | deb486 | d1aa7e | c5a077 | b9966f |
ac8c68 | a08260 | 947859 | 876e51 | 7b644a |
6f5a43 | 62503b | 564634 | 4a3c2c | 3d3225 |
似ている色
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作成
.colorf7c895{ color : #f7c895; }
CSSの利用例
<span class="colorf7c895"> This color is #f7c895. </span>
HTML上にstyleで直接書く
<span style="color:#f7c895"> この色は #f7c895. </span>
CSSの適用
この色は #f7c895.
RGB(3原色)の値
R : 247
G : 200
B : 149