色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ceb175
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f2ebdc | f0e7d5 | ede3ce | ebdfc7 | e8dbc0 |
e6d8ba | e4d4b3 | e1d0ac | dfcca5 | dcc89e |
dac497 | d7c090 | d5bc89 | d2b882 | d0b47b |
c3a86f | b99f69 | af9663 | a48d5d | 9a8457 |
907b51 | 85734c | 7b6a46 | 716140 | 67583a |
5c4f34 | 52462e | 483d28 | 3d3523 | 332c1d |
似ている色
| 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作成
.colorceb175{
color : #ceb175;
}
CSSの利用例
<span class="colorceb175"> This color is #ceb175. </span>
HTML上にstyleで直接書く
<span style="color:#ceb175"> この色は #ceb175. </span>
CSSの適用
この色は #ceb175.
RGB（３原色）の値
R : 206
G : 177
B : 117