色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#97af4d
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e5ebd2 | dfe7c9 | dae3c0 | d5dfb7 | d0dbae |
cbd7a6 | c5d39d | c0cf94 | bbcb8b | b6c782 |
b1c379 | abbf70 | a6bb67 | a1b75e | 9cb355 |
8fa649 | 879d45 | 809441 | 788c3d | 718339 |
697a35 | 627132 | 5a692e | 53602a | 4b5726 |
434e22 | 3c461e | 343d1a | 2d3417 | 252b13 |
似ている色
| 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作成
.color97af4d{
color : #97af4d;
}
CSSの利用例
<span class="color97af4d"> This color is #97af4d. </span>
HTML上にstyleで直接書く
<span style="color:#97af4d"> この色は #97af4d. </span>
CSSの適用
この色は #97af4d.
RGB（３原色）の値
R : 151
G : 175
B : 77