色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5ec1e2
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d6eff7 | ceecf6 | c6e9f4 | bee6f3 | b6e3f1 |
aee0f0 | a6dcef | 9ed9ed | 96d6ec | 8ed3ea |
86d0e9 | 7ecde7 | 76cae6 | 6ec7e4 | 66c4e3 |
59b7d6 | 54adcb | 4fa4c0 | 4b9ab4 | 4690a9 |
41879e | 3d7d92 | 387387 | 336a7c | 2f6071 |
2a5665 | 254d5a | 20434f | 1c3943 | 173038 |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5ec1e2{ color : #5ec1e2; }
CSSの利用例
<span class="color5ec1e2"> This color is #5ec1e2. </span>
HTML上にstyleで直接書く
<span style="color:#5ec1e2"> この色は #5ec1e2. </span>
CSSの適用
この色は #5ec1e2.
RGB(3原色)の値
R : 94
G : 193
B : 226