色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#0795f7
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c1e4fd | b4dffc | a8d9fc | 9bd4fb | 8fcffb |
83cafb | 76c4fa | 6abffa | 5dbaf9 | 51b4f9 |
45aff9 | 38aaf8 | 2ca4f8 | 1f9ff7 | 139af7 |
068dea | 0686de | 057ed1 | 0577c5 | 056fb9 |
0468ac | 0460a0 | 045994 | 035187 | 034a7b |
03436f | 023b62 | 023456 | 022c4a | 01253d |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color0795f7{
color : #0795f7;
}
CSSの利用例
<span class="color0795f7"> This color is #0795f7. </span>
HTML上にstyleで直接書く
<span style="color:#0795f7"> この色は #0795f7. </span>
CSSの適用
この色は #0795f7.
RGB（３原色）の値
R : 7
G : 149
B : 247