index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>colores</title>
</head>
<body>
<svg width="1000" height="400" >
<circle cx="100" cy="50" r="50" stroke="" fill="#f00" />
<circle cx="200" cy="50" r="50" stroke="" fill="#0f0" />
<circle cx="300" cy="50" r="50" stroke="" fill="#00f" />
<circle cx="100" cy="160" r="50" stroke="" fill="cyan" />
<circle cx="200" cy="160" r="50" stroke="" fill="magenta" />
<circle cx="300" cy="160" r="50" stroke="" fill="yellow" />
<circle cx="400" cy="160" r="50" stroke="" fill="black" />
<circle cx="100" cy="270" r="50" stroke="" fill="red" />
<circle cx="200" cy="270" r="50" stroke="" fill="yellow" />
<circle cx="300" cy="270" r="50" stroke="" fill="green" />
</svg>
</body>
</html>