色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#685f50
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d9d7d3 | d1cfca | cac7c1 | c2bfb9 | bbb7b0 |
b3afa7 | aba79e | a49f96 | 9c978d | 958f84 |
8d877b | 867f73 | 7e776a | 776f61 | 6f6758 |
625a4c | 5d5548 | 585044 | 534c40 | 4e473c |
484238 | 433d34 | 3e3930 | 39342c | 342f28 |
2e2a24 | 292620 | 24211c | 1f1c18 | 1a1714 |
似ている色
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作成
.color685f50{ color : #685f50; }
CSSの利用例
<span class="color685f50"> This color is #685f50. </span>
HTML上にstyleで直接書く
<span style="color:#685f50"> この色は #685f50. </span>
CSSの適用
この色は #685f50.
RGB(3原色)の値
R : 104
G : 95
B : 80