色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a7b79f
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e9ede7 | e4e9e2 | e0e5dd | dbe2d8 | d7ded3 |
d3dbcf | ced7ca | cad3c5 | c5d0c0 | c1ccbb |
bdc9b7 | b8c5b2 | b4c1ad | afbea8 | abbaa3 |
9ead97 | 96a48f | 8d9b87 | 85927f | 7d8977 |
74806f | 6c7667 | 646d5f | 5b6457 | 535b4f |
4b5247 | 42493f | 3a4037 | 32362f | 292d27 |
似ている色
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作成
.colora7b79f{ color : #a7b79f; }
CSSの利用例
<span class="colora7b79f"> This color is #a7b79f. </span>
HTML上にstyleで直接書く
<span style="color:#a7b79f"> この色は #a7b79f. </span>
CSSの適用
この色は #a7b79f.
RGB(3原色)の値
R : 167
G : 183
B : 159