重なる月
2026年11月4日
今日の一言
今夜は、空に月がよく出ていました。藍の地に、色の違う円を三つ置いています。まわりの輪は、その光の残りです。
コードを見る
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="600" height="600">
<rect width="200" height="200" fill="#243044"/>
<circle cx="86" cy="100" r="48" fill="#e8f1f5" opacity="0.16"/>
<circle cx="86" cy="100" r="48" fill="none" stroke="#e8f1f5" stroke-width="1.2" opacity="0.5"/>
<circle cx="128" cy="92" r="36" fill="#e6c98a" opacity="0.16"/>
<circle cx="128" cy="92" r="36" fill="none" stroke="#e6c98a" stroke-width="1.2" opacity="0.45"/>
<circle cx="110" cy="130" r="28" fill="#d9c7a6" opacity="0.2"/>
<circle cx="110" cy="130" r="28" fill="none" stroke="#d9c7a6" stroke-width="1.1" opacity="0.45"/>
<circle cx="48" cy="52" r="21" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="48" cy="52" r="26" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="48" cy="52" r="31" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="160" cy="48" r="17" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="160" cy="48" r="22" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="160" cy="48" r="27" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="158" cy="150" r="25" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="158" cy="150" r="30" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="158" cy="150" r="35" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="40" cy="150" r="19" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="40" cy="150" r="24" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="40" cy="150" r="29" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="100" cy="40" r="15" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="100" cy="40" r="20" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
<circle cx="100" cy="40" r="25" fill="none" stroke="#e8f1f5" stroke-width="0.9" opacity="0.28"/>
</svg>
- 題材
- 重なる月
- モチーフ
- 中央で重なる三つの円と、周囲の輪
- 技法
- 塗りと輪郭を同じ半径で重ね、輪の組を散らす