色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#699fd6
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d9e7f4 | d2e2f2 | caddf0 | c3d8ee | bbd3ec |
b4cfea | accae8 | a5c5e6 | 9dc0e4 | 96bbe2 |
8eb7e0 | 87b2de | 7faddc | 78a8da | 70a3d8 |
6397cb | 5e8fc0 | 5987b5 | 547fab | 4e77a0 |
496f95 | 44678b | 3f5f80 | 395775 | 344f6b |
2f4760 | 2a3f55 | 24374a | 1f2f40 | 1a2735 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color699fd6{
color : #699fd6;
}
CSSの利用例
<span class="color699fd6"> This color is #699fd6. </span>
HTML上にstyleで直接書く
<span style="color:#699fd6"> この色は #699fd6. </span>
CSSの適用
この色は #699fd6.
RGB（３原色）の値
R : 105
G : 159
B : 214