色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#16556e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c4d4da | b9ccd3 | adc3cc | a1bbc5 | 96b2bd |
8aaab6 | 7ea1af | 7399a8 | 6790a0 | 5b8899 |
507f92 | 44778b | 386e83 | 2d667c | 215d75 |
145068 | 134c63 | 12485d | 114458 | 103f52 |
0f3b4d | 0e3747 | 0d3342 | 0c2e3c | 0b2a37 |
092631 | 08222c | 071d26 | 061921 | 05151b |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color16556e{
color : #16556e;
}
CSSの利用例
<span class="color16556e"> This color is #16556e. </span>
HTML上にstyleで直接書く
<span style="color:#16556e"> この色は #16556e. </span>
CSSの適用
この色は #16556e.
RGB（３原色）の値
R : 22
G : 85
B : 110