色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#202c60
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
c7cad7 | bcbfcf | b0b5c7 | a5aabf | 9aa0b7 |
8f95af | 848aa7 | 79809f | 6e7597 | 626b8f |
576087 | 4c567f | 414b77 | 36416f | 2b3667 |
1e295b | 1c2756 | 1b2551 | 19234c | 182148 |
161e43 | 141c3e | 131a39 | 111834 | 101630 |
0e132b | 0c1126 | 0b0f21 | 090d1c | 080b18 |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color202c60{
color : #202c60;
}
CSSの利用例
<span class="color202c60"> This color is #202c60. </span>
HTML上にstyleで直接書く
<span style="color:#202c60"> この色は #202c60. </span>
CSSの適用
この色は #202c60.
RGB（３原色）の値
R : 32
G : 44
B : 96