色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#3fb9e1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cfedf7 | c5eaf6 | bbe6f4 | b2e3f3 | a8dff1 |
9fdcf0 | 95d8ee | 8bd5ed | 82d1eb | 78ceea |
6fcae8 | 65c7e7 | 5bc3e5 | 52c0e4 | 48bce2 |
3bafd5 | 38a6ca | 359dbf | 3294b4 | 2f8aa8 |
2c819d | 287892 | 256f87 | 22657b | 1f5c70 |
1c5365 | 194a5a | 16404e | 123743 | 0f2e38 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color3fb9e1{
color : #3fb9e1;
}
CSSの利用例
<span class="color3fb9e1"> This color is #3fb9e1. </span>
HTML上にstyleで直接書く
<span style="color:#3fb9e1"> この色は #3fb9e1. </span>
CSSの適用
この色は #3fb9e1.
RGB（３原色）の値
R : 63
G : 185
B : 225