色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#3dc9f1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cef1fb | c4eefa | bbecfa | b1e9f9 | a7e6f8 |
9ee4f8 | 94e1f7 | 8adef6 | 80dbf5 | 77d9f5 |
6dd6f4 | 63d3f3 | 5ad1f3 | 50cef2 | 46cbf1 |
39bee4 | 36b4d8 | 33aacc | 30a0c0 | 2d96b4 |
2a8ca8 | 27829c | 247890 | 216e84 | 1e6478 |
1b5a6c | 185060 | 154654 | 123c48 | 0f323c |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color3dc9f1{
color : #3dc9f1;
}
CSSの利用例
<span class="color3dc9f1"> This color is #3dc9f1. </span>
HTML上にstyleで直接書く
<span style="color:#3dc9f1"> この色は #3dc9f1. </span>
CSSの適用
この色は #3dc9f1.
RGB（３原色）の値
R : 61
G : 201
B : 241