色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#677a4e
グラデーションカラーコード
d9ddd2 | d1d7c9 | c9d0c1 | c2c9b8 | bac3af |
b3bca6 | abb59d | a3af94 | 9ca88b | 94a183 |
8d9b7a | 859471 | 7d8d68 | 76875f | 6e8056 |
61734a | 5c6d46 | 576742 | 52613e | 4d5b3a |
485536 | 424f32 | 3d492e | 38432a | 333d27 |
2e3623 | 29301f | 242a1b | 1e2417 | 191e13 |
おすすめカラーパターン
アルプス山脈を連想させる色
アルプス山脈は、1200kmにもなるヨーロッパ最大の山脈。ヨーロッパの各国にまたがるこの山々は、誰をも魅了する。
アルプス山脈を写す水面のような澄んだブルー
優しく、そして冷たいグレーブルー
堂々とした雄大なブルー
澄んだ冷たい空を連想させるブルー
モンブランにかぶった雪のような青みがかったホワイト
山影にある雪のような色
標高が高く木々が少なくなってきた山肌を連想させるくすんだグリーン
山々の谷間に見る、深い谷のようなブラウン
草木の生えていない標高の高い山肌を連想させるブラウン
Dot
Checkered pattern
stripe
似ている色
| 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作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #677a4e. </span>
HTML上にstyleで直接書く
<span style="color:#677a4e"> この色は #677a4e. </span>
CSSの適用
この色は #677a4e.
RGB（３原色）の値
Language list