色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#4c8772
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d2e1db | c9dbd4 | c0d5cd | b7cfc6 | aec9bf |
a5c3b8 | 9cbdb1 | 93b7aa | 8ab1a3 | 81ab9c |
78a595 | 6f9f8e | 669987 | 5d9380 | 548d79 |
48806c | 447966 | 407260 | 3c6c5b | 396555 |
355e4f | 31574a | 2d5144 | 294a3e | 264339 |
223c33 | 1e362d | 1a2f27 | 162822 | 13211c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color4c8772{
color : #4c8772;
}
CSSの利用例
<span class="color4c8772"> This color is #4c8772. </span>
HTML上にstyleで直接書く
<span style="color:#4c8772"> この色は #4c8772. </span>
CSSの適用
この色は #4c8772.
RGB（３原色）の値
R : 76
G : 135
B : 114