色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#cde9da
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f2f9f5 | f0f8f3 | edf7f2 | ebf6f0 | e8f5ee |
e6f4ec | e3f2ea | e1f1e8 | def0e6 | dcefe5 |
d9eee3 | d7ede1 | d4ecdf | d2ebdd | cfeadb |
c2ddcf | b8d1c4 | aec6b9 | a4baae | 99aea3 |
8fa398 | 85978d | 7b8b82 | 708077 | 66746d |
5c6862 | 525d57 | 47514c | 3d4541 | 333a36 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorcde9da{
color : #cde9da;
}
CSSの利用例
<span class="colorcde9da"> This color is #cde9da. </span>
HTML上にstyleで直接書く
<span style="color:#cde9da"> この色は #cde9da. </span>
CSSの適用
この色は #cde9da.
RGB（３原色）の値
R : 205
G : 233
B : 218