カラーチップSVGの再実装

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=%2388fc88&size=120&fontsize=24&textcolor=black#.svg

color=色

size=大きさ

fontsize= フォントの大きさ

textcolor=文字色

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=black&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=silver&size=80&fontsize=18&textcolor=black#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=grey&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=white&size=80&fontsize=18&textcolor=black#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=maroon&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=red&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=purple&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=fuchsia&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=green&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=lime&size=80&fontsize=18&textcolor=black#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=olive&size=80&fontsize=18&textcolor=black#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=yellow&size=80&fontsize=18&textcolor=black#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=navy&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=blue&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=teal&size=80&fontsize=18&textcolor=white#.svg

https://vercel-og-nextjs-opal-pi.vercel.app/api/color?color=aqua&size=80&fontsize=18&textcolor=black#.svg