色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#333366
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
ccccd8 | c1c1d1 | b7b7c9 | adadc1 | a3a3ba |
9999b2 | 8e8eaa | 8484a3 | 7a7a9b | 707093 |
66668c | 5b5b84 | 51517c | 474775 | 3d3d6d |
303060 | 2d2d5b | 2b2b56 | 282851 | 26264c |
232347 | 212142 | 1e1e3d | 1c1c38 | 191933 |
16162d | 141428 | 111123 | 0f0f1e | 0c0c19 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color333366{
color : #333366;
}
CSSの利用例
<span class="color333366"> This color is #333366. </span>
HTML上にstyleで直接書く
<span style="color:#333366"> この色は #333366. </span>
CSSの適用
この色は #333366.
RGB（３原色）の値
R : 51
G : 51
B : 102