色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#8da5ed
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e2e8fa | dce4f9 | d7dff8 | d1dbf7 | cbd6f6 |
c6d2f6 | c0cdf5 | bac9f4 | b4c4f3 | afc0f2 |
a9bbf1 | a3b7f0 | 9eb2ef | 98aeee | 92a9ed |
859ce1 | 7e94d5 | 778cc9 | 7084bd | 697bb1 |
6273a5 | 5b6b9a | 54638e | 4d5a82 | 465276 |
3f4a6a | 38425e | 313952 | 2a3147 | 23293b |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color8da5ed{ color : #8da5ed; }
CSSの利用例
<span class="color8da5ed"> This color is #8da5ed. </span>
HTML上にstyleで直接書く
<span style="color:#8da5ed"> この色は #8da5ed. </span>
CSSの適用
この色は #8da5ed.
RGB(3原色)の値
R : 141
G : 165
B : 237