色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#dee9f2
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f6f9fb | f5f8fb | f3f7fa | f1f6f9 | f0f5f9 |
eef4f8 | ecf2f7 | ebf1f7 | e9f0f6 | e7eff5 |
e6eef5 | e4edf4 | e2ecf3 | e1ebf3 | dfeaf2 |
d2dde5 | c7d1d9 | bcc6cd | b1bac1 | a6aeb5 |
9ba3a9 | 90979d | 858b91 | 7a8085 | 6f7479 |
63686c | 585d60 | 4d5154 | 424548 | 373a3c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colordee9f2{
color : #dee9f2;
}
CSSの利用例
<span class="colordee9f2"> This color is #dee9f2. </span>
HTML上にstyleで直接書く
<span style="color:#dee9f2"> この色は #dee9f2. </span>
CSSの適用
この色は #dee9f2.
RGB（３原色）の値
R : 222
G : 233
B : 242