色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#d2e9e0
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f3f9f7 | f1f8f5 | eff7f4 | edf6f2 | eaf5f1 |
e8f4ef | e6f2ed | e4f1ec | e1f0ea | dfefe9 |
ddeee7 | dbede6 | d8ece4 | d6ebe3 | d4eae1 |
c7ddd4 | bdd1c9 | b2c6be | a8bab3 | 9daea8 |
93a39c | 889791 | 7e8b86 | 73807b | 697470 |
5e6864 | 545d59 | 49514e | 3f4543 | 343a38 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colord2e9e0{
color : #d2e9e0;
}
CSSの利用例
<span class="colord2e9e0"> This color is #d2e9e0. </span>
HTML上にstyleで直接書く
<span style="color:#d2e9e0"> この色は #d2e9e0. </span>
CSSの適用
この色は #d2e9e0.
RGB（３原色）の値
R : 210
G : 233
B : 224