色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#93a359
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e4e8d5 | dee3cd | d9dec4 | d3dabc | ced5b4 |
c9d1ac | c3cca3 | bec79b | b8c393 | b3be8a |
aeba82 | a8b57a | a3b071 | 9dac69 | 98a761 |
8b9a54 | 849250 | 7c8a4b | 758247 | 6e7a42 |
66723e | 5f6939 | 586135 | 505930 | 49512c |
424928 | 3a4123 | 33391f | 2c301a | 242816 |
似ている色
| 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作成
.color93a359{
color : #93a359;
}
CSSの利用例
<span class="color93a359"> This color is #93a359. </span>
HTML上にstyleで直接書く
<span style="color:#93a359"> この色は #93a359. </span>
CSSの適用
この色は #93a359.
RGB（３原色）の値
R : 147
G : 163
B : 89