色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#4d685f
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d2d9d7 | c9d1cf | c0cac7 | b7c2bf | aebbb7 |
a6b3af | 9daba7 | 94a49f | 8b9c97 | 82958f |
798d87 | 70867f | 677e77 | 5e776f | 556f67 |
49625a | 455d55 | 415850 | 3d534c | 394e47 |
354842 | 32433d | 2e3e39 | 2a3934 | 26342f |
222e2a | 1e2926 | 1a2421 | 171f1c | 131a17 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color4d685f{
color : #4d685f;
}
CSSの利用例
<span class="color4d685f"> This color is #4d685f. </span>
HTML上にstyleで直接書く
<span style="color:#4d685f"> この色は #4d685f. </span>
CSSの適用
この色は #4d685f.
RGB（３原色）の値
R : 77
G : 104
B : 95