色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#31c5ff
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
cbf0ff | c1edff | b6eaff | ace7ff | a2e4ff |
98e2ff | 8ddfff | 83dcff | 79d9ff | 6ed6ff |
64d3ff | 5ad0ff | 4fcdff | 45caff | 3bc7ff |
2ebbf2 | 2cb1e5 | 29a7d8 | 279dcc | 2493bf |
2289b2 | 1f80a5 | 1d7699 | 1a6c8c | 18627f |
165872 | 134e66 | 114459 | 0e3b4c | 0c313f |
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color31c5ff{
color : #31c5ff;
}
CSSの利用例
<span class="color31c5ff"> This color is #31c5ff. </span>
HTML上にstyleで直接書く
<span style="color:#31c5ff"> この色は #31c5ff. </span>
CSSの適用
この色は #31c5ff.
RGB（３原色）の値
R : 49
G : 197
B : 255