色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#a3dff4
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e8f7fc | e3f5fb | def3fb | daf2fa | d5f0fa |
d1eff9 | ccedf8 | c7ebf8 | c3eaf7 | bee8f7 |
bae7f6 | b5e5f6 | b0e3f5 | ace2f5 | a7e0f4 |
9ad3e7 | 92c8db | 8abdcf | 82b2c3 | 7aa7b7 |
729caa | 69909e | 618592 | 597a86 | 516f7a |
49646d | 415961 | 394e55 | 304249 | 28373d |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colora3dff4{
color : #a3dff4;
}
CSSの利用例
<span class="colora3dff4"> This color is #a3dff4. </span>
HTML上にstyleで直接書く
<span style="color:#a3dff4"> この色は #a3dff4. </span>
CSSの適用
この色は #a3dff4.
RGB（３原色）の値
R : 163
G : 223
B : 244