色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5aa58c
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d5e8e2 | cde4dc | c5dfd6 | bddbd1 | b4d6cb |
acd2c5 | a4cdbf | 9cc9ba | 93c4b4 | 8bc0ae |
83bba8 | 7bb7a3 | 72b29d | 6aae97 | 62a991 |
559c85 | 51947e | 4c8c77 | 488470 | 437b69 |
3f7362 | 3a6b5b | 366354 | 315a4d | 2d5246 |
284a3f | 244238 | 1f3931 | 1b312a | 162923 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5aa58c{
color : #5aa58c;
}
CSSの利用例
<span class="color5aa58c"> This color is #5aa58c. </span>
HTML上にstyleで直接書く
<span style="color:#5aa58c"> この色は #5aa58c. </span>
CSSの適用
この色は #5aa58c.
RGB（３原色）の値
R : 90
G : 165
B : 140