色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#302a16
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cbc9c4 | c0bfb9 | b6b4ad | aca9a1 | a19f96 |
97948a | 8d897e | 827f73 | 787467 | 6e695b |
635f50 | 595444 | 4f4938 | 443f2d | 3a3421 |
2d2714 | 2b2513 | 282312 | 262111 | 241f10 |
211d0f | 1f1b0e | 1c190d | 1a170c | 18150b |
151209 | 131008 | 100e07 | 0e0c06 | 0c0a05 |
似ている色
| 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作成
.color302a16{
color : #302a16;
}
CSSの利用例
<span class="color302a16"> This color is #302a16. </span>
HTML上にstyleで直接書く
<span style="color:#302a16"> この色は #302a16. </span>
CSSの適用
この色は #302a16.
RGB（３原色）の値
R : 48
G : 42
B : 22