色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#cad4d5
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
f1f4f4 | eff2f2 | eceff0 | e9edee | e7ebec |
e4e9ea | e1e7e7 | dfe5e5 | dce3e3 | d9e0e1 |
d7dedf | d4dcdd | d1dadb | cfd8d9 | ccd6d7 |
bfc9ca | b5bebf | abb4b5 | a1a9aa | 979f9f |
8d9495 | 83898a | 797f7f | 6f7475 | 656a6a |
5a5f5f | 505455 | 464a4a | 3c3f3f | 323535 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorcad4d5{
color : #cad4d5;
}
CSSの利用例
<span class="colorcad4d5"> This color is #cad4d5. </span>
HTML上にstyleで直接書く
<span style="color:#cad4d5"> この色は #cad4d5. </span>
CSSの適用
この色は #cad4d5.
RGB（３原色）の値
R : 202
G : 212
B : 213