どうも！LSSです！
…っといきなりの袋文字を使ってみましたｗ
今回は、こういう「袋文字」を実現するコードを作れるツールを作ってみました！
使い方
各項目を設定すると、表示サンプルとコード部分が設定に応じたものに変わります^^
「コード」の内容をコピーして、はてなブログの「HTML編集」 画面で貼り付けると、その記事内に表示サンプルと同じ袋文字が出現しますよ！
色について
袋部分の色と、文字の色、の２か所、色を設定する項目があります。
ここに入力する内容は、
red
blue
yellow
などの色名でも、
hsl(0,100%,50%)
みたいなHSL形式でも、
#FF0000
みたいなRGB形式でも 、どれでもOKです！
色コード探しについては、HSL版カラーパレット や、4クリックRGBカラーパレットで見つける事ができます。
注意点
袋の幅、ぼかし、フォントサイズなどは＋－で調整できるようにしていますが、上限・下限を設定しています。
特に「袋の幅」については大きくするとコードがやたら長くなってしまうので、その点、ご注意ください^^;
