色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#9eb2ef
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
e6ebfb | e1e7fa | dde4f9 | d8e0f8 | d3dcf7 |
ced8f7 | c9d4f6 | c4d0f5 | bfccf4 | bbc9f3 |
b6c5f3 | b1c1f2 | acbdf1 | a7b9f0 | a2b5ef |
96a9e3 | 8ea0d7 | 8697cb | 7e8ebf | 7685b3 |
6e7ca7 | 66739b | 5e6a8f | 566183 | 4f5977 |
47506b | 3f475f | 373e53 | 2f3547 | 272c3b |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color9eb2ef{
color : #9eb2ef;
}
CSSの利用例
<span class="color9eb2ef"> This color is #9eb2ef. </span>
HTML上にstyleで直接書く
<span style="color:#9eb2ef"> この色は #9eb2ef. </span>
CSSの適用
この色は #9eb2ef.
RGB（３原色）の値
R : 158
G : 178
B : 239