色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#209e9a
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7e6e5 | bce1e0 | b0dddb | a5d8d6 | 9ad3d1 |
8fcecc | 84c9c7 | 79c4c2 | 6ebfbd | 62bbb8 |
57b6b3 | 4cb1ae | 41aca9 | 36a7a4 | 2ba29f |
1e9692 | 1c8e8a | 1b8682 | 197e7b | 187673 |
166e6b | 146664 | 135e5c | 115654 | 104f4d |
0e4745 | 0c3f3d | 0b3735 | 092f2e | 082726 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color209e9a{
color : #209e9a;
}
CSSの利用例
<span class="color209e9a"> This color is #209e9a. </span>
HTML上にstyleで直接書く
<span style="color:#209e9a"> この色は #209e9a. </span>
CSSの適用
この色は #209e9a.
RGB（３原色）の値
R : 32
G : 158
B : 154