色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#ad7345
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
eadcd0 | e6d5c7 | e2cebd | dec7b4 | dac0ab |
d6b9a2 | d1b298 | cdab8f | c9a486 | c59d7c |
c19673 | bd8f6a | b98860 | b58157 | b17a4e |
a46d41 | 9b673e | 93613a | 8a5c37 | 815633 |
795030 | 704a2c | 674529 | 5f3f25 | 563922 |
4d331f | 452e1b | 3c2818 | 332214 | 2b1c11 |
似ている色
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorad7345{ color : #ad7345; }
CSSの利用例
<span class="colorad7345"> This color is #ad7345. </span>
HTML上にstyleで直接書く
<span style="color:#ad7345"> この色は #ad7345. </span>
CSSの適用
この色は #ad7345.
RGB(3原色)の値
R : 173
G : 115
B : 69