色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#677160
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d9dbd7 | d1d4cf | c9cdc7 | c2c6bf | babfb7 |
b3b8af | abb0a7 | a3a99f | 9ca297 | 949b8f |
8d9487 | 858d7f | 7d8677 | 767f6f | 6e7867 |
616b5b | 5c6556 | 576051 | 525a4c | 4d5448 |
484f43 | 42493e | 3d4339 | 383e34 | 333830 |
2e322b | 292d26 | 242721 | 1e211c | 191c18 |
似ている色
| 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作成
.color677160{
color : #677160;
}
CSSの利用例
<span class="color677160"> This color is #677160. </span>
HTML上にstyleで直接書く
<span style="color:#677160"> この色は #677160. </span>
CSSの適用
この色は #677160.
RGB（３原色）の値
R : 103
G : 113
B : 96