色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a7ed4f
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e9fad3 | e4f9ca | e0f8c1 | dbf7b8 | d7f6af |
d3f6a7 | cef59e | caf495 | c5f38c | c1f283 |
bdf17b | b8f072 | b4ef69 | afee60 | abed57 |
9ee14b | 96d547 | 8dc943 | 85bd3f | 7db13b |
74a537 | 6c9a33 | 648e2f | 5b822b | 537627 |
4b6a23 | 425e1f | 3a521b | 324717 | 293b13 |
似ている色
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colora7ed4f{
color : #a7ed4f;
}
CSSの利用例
<span class="colora7ed4f"> This color is #a7ed4f. </span>
HTML上にstyleで直接書く
<span style="color:#a7ed4f"> この色は #a7ed4f. </span>
CSSの適用
この色は #a7ed4f.
RGB（３原色）の値
R : 167
G : 237
B : 79