色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#506a30
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d3d9cb | cad2c0 | c1cab6 | b9c3ac | b0bba1 |
a7b497 | 9ead8d | 96a582 | 8d9e78 | 84966e |
7b8f63 | 738759 | 6a804f | 617844 | 58713a |
4c642d | 485f2b | 445a28 | 405426 | 3c4f24 |
384a21 | 34441f | 303f1c | 2c3a1a | 283518 |
242f15 | 202a13 | 1c2510 | 181f0e | 141a0c |
似ている色
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color506a30{
color : #506a30;
}
CSSの利用例
<span class="color506a30"> This color is #506a30. </span>
HTML上にstyleで直接書く
<span style="color:#506a30"> この色は #506a30. </span>
CSSの適用
この色は #506a30.
RGB（３原色）の値
R : 80
G : 106
B : 48