色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#dfe9f2
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f7f9fb | f5f8fb | f3f7fa | f2f6f9 | f0f5f9 |
eff4f8 | edf2f7 | ebf1f7 | eaf0f6 | e8eff5 |
e7eef5 | e5edf4 | e3ecf3 | e2ebf3 | e0eaf2 |
d3dde5 | c8d1d9 | bdc6cd | b2bac1 | a7aeb5 |
9ca3a9 | 90979d | 858b91 | 7a8085 | 6f7479 |
64686c | 595d60 | 4e5154 | 424548 | 373a3c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colordfe9f2{
color : #dfe9f2;
}
CSSの利用例
<span class="colordfe9f2"> This color is #dfe9f2. </span>
HTML上にstyleで直接書く
<span style="color:#dfe9f2"> この色は #dfe9f2. </span>
CSSの適用
この色は #dfe9f2.
RGB（３原色）の値
R : 223
G : 233
B : 242