色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#83a754
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e0e9d4 | d9e4cb | d3e0c3 | cddbba | c7d7b2 |
c1d3a9 | bacea0 | b4ca98 | aec58f | a8c187 |
a2bd7e | 9bb876 | 95b46d | 8faf65 | 89ab5c |
7c9e4f | 75964b | 6f8d47 | 688543 | 627d3f |
5b743a | 556c36 | 4e6432 | 485b2e | 41532a |
3a4b25 | 344221 | 2d3a1d | 273219 | 202915 |
似ている色
| 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作成
.color83a754{
color : #83a754;
}
CSSの利用例
<span class="color83a754"> This color is #83a754. </span>
HTML上にstyleで直接書く
<span style="color:#83a754"> この色は #83a754. </span>
CSSの適用
この色は #83a754.
RGB（３原色）の値
R : 131
G : 167
B : 84