色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#8ed3e9
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e2f4f9 | ddf1f8 | d7eff7 | d1edf6 | ccebf5 |
c6e9f4 | c0e6f2 | bbe4f1 | b5e2f0 | afe0ef |
aadeee | a4dbed | 9ed9ec | 99d7eb | 93d5ea |
86c8dd | 7fbdd1 | 78b3c6 | 71a8ba | 6a9eae |
6393a3 | 5c8997 | 557e8b | 4e7480 | 476974 |
3f5e68 | 38545d | 314951 | 2a3f45 | 23343a |
似ている色
lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color8ed3e9{ color : #8ed3e9; }
CSSの利用例
<span class="color8ed3e9"> This color is #8ed3e9. </span>
HTML上にstyleで直接書く
<span style="color:#8ed3e9"> この色は #8ed3e9. </span>
CSSの適用
この色は #8ed3e9.
RGB(3原色)の値
R : 142
G : 211
B : 233