SNSの共有ボタンの色をカスタマイズするCSSを生成してくれる「Colorshare」

SNSの共有ボタンの色をカスタマイズするCSSを生成してくれる「Colorshare」

SNSの共有ボタンの色をカスタマイズするCSSを生成してくれる「Colorshare」

Colorshareは、ブログなどに設置しているSNSボタンの色をカスタマイズすることができるWEBサービスです。

自分の好きな色を見つけたら、生成されるCSSのコードをサイトに貼り付けるだけで各SNSボタンの色を変更することができます。

Colorshareの使い方

1. Colorshareにアクセスします。
2. 「Choose a color」でプレビューを見ながら色を決めます。

Choose a color

上部のスライダーを動かすと、プレビューの色が変わります。

3. 色が決まったら、「Copy and paste this code into your page」に表示されるコードを自サイトのヘッダーにコピペします。

Copy and paste this code into your page

生成されるコードはCSSなので、<style>タグを削除してスタイルシートに貼り付けて使うこともできます。

注意点

対応しているブラウザは「Google Chrome」「Safari」「Opera」のみで、「Firefox」「Internet Explorer」では色は変わりません。

また、プレビューで表示されるTwitterやFacebookなどのSNSボタンには対応していますが、はてブとかPocketには対応しておらず、対応していないSNSボタンの色は変わりません。

あとがき

非常にシンプルなWEBサービスですね。あくまでCSSだけで色を変えるというのが簡単でいいです。

試しにこのページにColorshareで生成されたコードを設置してみました。記事内に表示されているFacebookボタンなどの色が変わっているかと思います。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です