色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#658f9e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d8e3e6 | d0dde1 | c9d7dd | c1d2d8 | b9ccd3 |
b2c7ce | aac1c9 | a2bbc4 | 9ab6bf | 93b0bb |
8babb6 | 83a5b1 | 7c9fac | 749aa7 | 6c94a2 |
5f8796 | 5a808e | 557986 | 50727e | 4b6b76 |
46646e | 415c66 | 3c555e | 374e56 | 32474f |
2d4047 | 28393f | 233237 | 1e2a2f | 192327 |
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color658f9e{
color : #658f9e;
}
CSSの利用例
<span class="color658f9e"> This color is #658f9e. </span>
HTML上にstyleで直接書く
<span style="color:#658f9e"> この色は #658f9e. </span>
CSSの適用
この色は #658f9e.
RGB（３原色）の値
R : 101
G : 143
B : 158