色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#6774e1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
d9dcf7 | d1d5f6 | c9cef4 | c2c7f3 | bac0f1 |
b3b9f0 | abb2ee | a3abed | 9ca4eb | 949dea |
8d96e8 | 858fe7 | 7d88e5 | 7681e4 | 6e7ae2 |
616ed5 | 5c68ca | 5762bf | 525cb4 | 4d57a8 |
48519d | 424b92 | 3d4587 | 383f7b | 333a70 |
2e3465 | 292e5a | 24284e | 1e2243 | 191d38 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color6774e1{
color : #6774e1;
}
CSSの利用例
<span class="color6774e1"> This color is #6774e1. </span>
HTML上にstyleで直接書く
<span style="color:#6774e1"> この色は #6774e1. </span>
CSSの適用
この色は #6774e1.
RGB（３原色）の値
R : 103
G : 116
B : 225