地味に忘れるソーシャル系やサイトのキーカラーをSassの変数でまとめてみた

地味に忘れるソーシャル系やサイトのキーカラーをSassの変数でまとめてみた

はやち

はやち

サービス系

Bitbucket

$bitbucket:#003366;

PayPal

$paypal:#336699;

WordPress

$wordpress:#21759b;

Skype

$skype:#00AFF0;

Feedly

$feedly:#33b051;

Evernote

$evernote:#6FB536;

ソフトウェア系

SourceTree

$sourcetree:#1F5081;

Windows

$windows:#00bcf2;

Sass

$sass:#CF649A;

Gulp

$gulp:#E94C4F;

Git

$git:#F03C2E;

HTML5

$html5:#F14A29;

Firefox

$firefox:#E66000;

Grunt

$grunt:#fba919;

Android

$android:#A4C639;

色を集めたサイト

せっかくなので、いろんな色を載せているサイトもご紹介します( ˇωˇ )

  • GUIDELINE COLOUR
    http://guidelinecolour.com/?p=tools/guidelinecolours/
    • ソーシャルサイトだけでなく、さまざまなサイトやブラウザなどのキーカラーを揃えています( ˇωˇ )

      • FIND GUIDELINENS ON THE WEB
        http://findguidelin.es/
        • こちらは、ソーシャルボタンのカラーをPhotoshopのスウォッチに保存できます。デザイナーさんにとってとても便利ですね( ˇωˇ)

          サイトのキーカラーロゴカラーを一色ではなく配色セットで紹介しています( ˇωˇ)

          まとめ

          いかがでしたでしょうか?
          集めるのが面白くなって、いっぱい集めてしまいました٩( ᐛ )و

          ご紹介した色の変数たちは、こちらで配布しております
          ( ˘ω˘)☞三☞シュッシュッ Download

          見た目はこのような感じです
          ( ˘ω˘)☞三☞シュッシュッ Demo

          これで少しでも作業短縮なれれば幸いです。ではでは(ˇωˇ)

          LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。

          Webサイト制作の実績・料金を見る

この記事のシェア数

はやち
はやち フロントエンドエンジニア / 林 佳代子

フロントエンドエンジニアのはやちです( ˘ω˘)☝ 以前までは顔隠しておりましたが思い切ることにしました…。 相変わらず顔文字乱舞ですがブログもコーディングも楽しくやっていこうと思います✌(´ʘ‿ʘ`)✌ 今までに作ったDemoたちはGithubにて公開しております!よろしければ是非( ˘ω˘)☞三☞シュッシュッ

このメンバーの記事をもっと読む
デザイン力×グローバルな開発体制でDXをトータル支援
お問い合わせ 会社概要DL