色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#8e7342
グラデーションカラーコード
e2dccf | ddd5c6 | d7cebc | d1c7b3 | ccc0a9 |
c6b9a0 | c0b297 | bbab8d | b5a484 | af9d7a |
aa9671 | a48f67 | 9e885e | 998154 | 937a4b |
866d3e | 7f673b | 786138 | 715c34 | 6a5631 |
63502e | 5c4a2a | 554527 | 4e3f24 | 473921 |
3f331d | 382e1a | 312817 | 2a2213 | 231c10 |
おすすめカラーパターン
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 #8e7342. </span>
HTML上にstyleで直接書く
<span style="color:#8e7342"> この色は #8e7342. </span>
CSSの適用
この色は #8e7342.
RGB（３原色）の値
Language list