色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#33cab9
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ccf1ed | c1efea | b7ece6 | ade9e3 | a3e7df |
99e4dc | 8ee1d8 | 84dfd5 | 7adcd1 | 70d9ce |
66d7ca | 5bd4c7 | 51d1c3 | 47cfc0 | 3dccbc |
30bfaf | 2db5a6 | 2bab9d | 28a194 | 26978a |
238d81 | 218378 | 1e796f | 1c6f65 | 19655c |
165a53 | 14504a | 114640 | 0f3c37 | 0c322e |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color33cab9{
color : #33cab9;
}
CSSの利用例
<span class="color33cab9"> This color is #33cab9. </span>
HTML上にstyleで直接書く
<span style="color:#33cab9"> この色は #33cab9. </span>
CSSの適用
この色は #33cab9.
RGB（３原色）の値
R : 51
G : 202
B : 185