色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#5a6f18
グラデーションカラーコード
d5dbc5 | cdd3b9 | c5ccae | bdc5a2 | b4be97 |
acb78b | a4af7f | 9ca874 | 93a168 | 8b9a5d |
839351 | 7b8b46 | 72843a | 6a7d2f | 627623 |
556916 | 516315 | 4c5e14 | 485813 | 435312 |
3f4d10 | 3a480f | 36420e | 313d0d | 2d370c |
28310a | 242c09 | 1f2608 | 1b2107 | 161b06 |
おすすめカラーパターン
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 #5a6f18. </span>
HTML上にstyleで直接書く
<span style="color:#5a6f18"> この色は #5a6f18. </span>
CSSの適用
この色は #5a6f18.
RGB（３原色）の値
Language list