色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#5f661d
グラデーションカラーコード
d7d8c6 | cfd1bb | c7c9af | bfc1a4 | b7ba99 |
afb28e | a7aa82 | 9fa377 | 979b6c | 8f9360 |
878c55 | 7f844a | 777c3e | 6f7533 | 676d28 |
5a601b | 555b1a | 505618 | 4c5117 | 474c15 |
424714 | 3d4212 | 393d11 | 34380f | 2f330e |
2a2d0d | 26280b | 21230a | 1c1e08 | 171907 |
おすすめカラーパターン
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 #5f661d. </span>
HTML上にstyleで直接書く
<span style="color:#5f661d"> この色は #5f661d. </span>
CSSの適用
この色は #5f661d.
RGB（３原色）の値
Language list