色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5781c1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d5dfef | ccd9ec | c4d2e9 | bbcce6 | b3c6e3 |
abc0e0 | a2b9dc | 9ab3d9 | 91add6 | 89a6d3 |
81a0d0 | 789acd | 7093ca | 678dc7 | 5f87c4 |
527ab7 | 4e74ad | 496da4 | 45679a | 416090 |
3c5a87 | 38537d | 344d73 | 2f466a | 2b4060 |
273a56 | 22334d | 1e2d43 | 1a2639 | 152030 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color5781c1{
color : #5781c1;
}
CSSの利用例
<span class="color5781c1"> This color is #5781c1. </span>
HTML上にstyleで直接書く
<span style="color:#5781c1"> この色は #5781c1. </span>
CSSの適用
この色は #5781c1.
RGB（３原色）の値
R : 87
G : 129
B : 193