色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#46c1ea
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d0eff9 | c7ecf8 | bee9f7 | b5e6f6 | abe3f5 |
a2e0f4 | 99dcf3 | 90d9f2 | 86d6f1 | 7dd3f0 |
74d0ef | 6bcdee | 61caed | 58c7ec | 4fc4eb |
42b7de | 3fadd2 | 3ba4c6 | 389abb | 3490af |
3187a3 | 2d7d98 | 2a738c | 266a80 | 236075 |
1f5669 | 1c4d5d | 184351 | 153946 | 11303a |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color46c1ea{
color : #46c1ea;
}
CSSの利用例
<span class="color46c1ea"> This color is #46c1ea. </span>
HTML上にstyleで直接書く
<span style="color:#46c1ea"> この色は #46c1ea. </span>
CSSの適用
この色は #46c1ea.
RGB（３原色）の値
R : 70
G : 193
B : 234