色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#9dd0db
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e6f3f6 | e1f0f4 | dceef2 | d7ecf0 | d2e9ee |
cee7ed | c9e5eb | c4e2e9 | bfe0e7 | badee5 |
b5dbe4 | b0d9e2 | abd7e0 | a6d4de | a1d2dc |
95c5d0 | 8dbbc5 | 85b0ba | 7da6af | 759ca4 |
6d9199 | 66878e | 5e7c83 | 567278 | 4e686d |
465d62 | 3e5357 | 36484c | 2f3e41 | 273436 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color9dd0db{
color : #9dd0db;
}
CSSの利用例
<span class="color9dd0db"> This color is #9dd0db. </span>
HTML上にstyleで直接書く
<span style="color:#9dd0db"> この色は #9dd0db. </span>
CSSの適用
この色は #9dd0db.
RGB（３原色）の値
R : 157
G : 208
B : 219