色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#20577e
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7d5de | bcccd8 | b0c4d1 | a5bbcb | 9ab3c4 |
8fabbe | 84a2b8 | 799ab1 | 6e91ab | 6289a4 |
57819e | 4c7897 | 417091 | 36678a | 2b5f84 |
1e5277 | 1c4e71 | 1b496b | 194564 | 18415e |
163c58 | 143851 | 13344b | 112f45 | 102b3f |
0e2738 | 0c2232 | 0b1e2c | 091a25 | 08151f |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color20577e{
color : #20577e;
}
CSSの利用例
<span class="color20577e"> This color is #20577e. </span>
HTML上にstyleで直接書く
<span style="color:#20577e"> この色は #20577e. </span>
CSSの適用
この色は #20577e.
RGB（３原色）の値
R : 32
G : 87
B : 126