svg-color
指定色で塗りつぶしたrect要素だけ描いたSVG画像を返す
svg
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
viewBox="0 0 ${width} ${height}" width="${width}" height="${height}">
<rect x="0" y="0" width="${width}" height="${height}" fill="${color}"></rect>
</svg>
Vercelにデプロイした
アップデート
●▲▼★ に対応 2024/4/1
例
RGB、RGBA
Colors HEX
RGB 16進表記
HSL、HSLA
https://svg-color.vercel.app/h/50/s/100/l/50/a/0.3.svg (50, 100%, 50%, 0.3)
CMYK
https://svg-color.vercel.app/c/100/m/0/y/0/k/0.svg (100%, 0%, 0%, 0%)
利用事例
身の回りの色を集めるのスクボの扉画像