Twitterの色番号などをChromeやFirefoxで調べる方法。拡張機能・プラグインをインストールする際の注意点など。

著者:Yuichi Okita

Twitterの色番号などをChromeやFirefoxで調べる方法。拡張機能・プラグインをインストールする際の注意点など。

最終更新日:2018-05-16

知っていると役立つ色番号4選

 OK緑 #00c853
Twitter水色 #1da1f2
Dark modeの水色
#40ffff
Dark mode作成ボタン
#e67b02

※Dark modeとは、下画像のように、目に対する光の刺激や負担を低減する目的で、色が反転しているModeです。
下の画像は、Google Chromeに有料拡張機能「Darkness – 美しいダークテーマ – Chrome ウェブストア」モードです。

Example of Dark mode on Gmail

画像をクリックすると、拡大表示されます。 Copyright © Yuichi Okita

色番号の調べ方

ブラウザの拡張機能を使って調べる

Webを閲覧していると、「素敵な色だな」と思うときがあると思います。
そんなときには、ブラウザのカラーピッカーを使うと色番号が分かります。

ここでは「ColorZilla」を紹介しましたが、他にもたくさんあります。
それぞれのウェブストアで「colorpicker」と入力して検索すると、候補の拡張機能が出てきますので、
あなたが使いやすそうと感じたものを選んでみてください。

拡張機能(Extensions)をインストールする際の注意点

拡張機能をインストールするということは、ほとんどの場合、サードパーティ製プラグインをブラウザにインストールすることになります。
拡張機能のインストールと引き換えに、あなたのWeb閲覧履歴情報やあなた自身についての様々な情報を読み取っても良い権限をプラグインに渡す場合が生じることもあります。

無料でツールを使用させてもらうのですから、ある程度の情報と引き換えるのは仕方のないことだと思います。
拡張機能の開発者や提供元が、ツールの使用状況を知ることにより製品品質の改良に役立てることを目的に、利用者の情報を引き渡すのが大半のケースです。

しかし、必要以上に引き渡すのは少し気持ち悪いですし、仮に悪意を持って自己の情報を収集されていると考えると、不安になります。
それでは、ウェブストアで似たようなプラグインが並ぶ中で、何を基準に選べば良いのでしょう?

プラグインを選ぶ基準

利用者数や評価数・更新日を基準に選ぶ

利用者数を判断材料の基準とする

私は、シンプルに利用者数が多いプラグインを優先的に選びます。
信用の置ける知人が使っているのなら、より一層安心して使えますが、
そうでなければ、利用者数くらいしかプラグインの良し悪しを判断する材料は無いだろうと思います。

特別な根拠は無いのですが、これまでの私の経験から、
利用者数が、

  • Chromeウェブストア:数十万以上
  • Firefox addon:数万以上

この数値を判断材料としています。
(※FirefoxはChromeと比較するとユーザー数が少ないため、必然的に拡張機能利用者数もChromeユーザーよりは少なくなります。ブラウザ利用率は2018年4月現在で、Chrome 57.36%に対し、Firefox 5.45% と10倍以上の開きがあります1。)

場合にもよるのですが、数百程度の利用者数だと拡張機能に悪意があった場合、

  • ユーザーから違反報告されるケースが少ない

ことが予想されます。
安心して利用するには出来るだけ不安要素を取り除いておいたほうが、気持ち的にも高い自由度でプラグイン・Add-onsを使うことが出来ることと思います。

評価数を判断材料の基準とする

利用者数の次に着眼するのが評価数、★マークの数です。
ウェブストアの中でもツールの種類によっては、そもそもユーザー数が少ないジャンルがあります。
このような際に、類似拡張機能の利用者数を細かく調べて比較するにはたくさん時間を要しますので、評価の数をほぼ信用することにしています。

私は、★平均4以上を目安として選んでいます。

更新履歴を判断材料の基準とする

拡張機能を選ぶ判断材料の最後の基準として、更新日を取り敢えずは見ます。
まめに更新してくれていると、脆弱性の改善にも目を光らせてもらえていると感じ、安心感が持てます。
逆に、更新日が1年前と表記されていたら、

  • 「開発者はこのツールにはもうあまり力を入れていないんだな」
  • 「脆弱性の改善に消極的なんだな」

と感じて、
類似のプラグインを選ぶことが多いです。

このような意味からでは、上記の「CollorZilla」は更新日がChrome版では2016年、Firefox版2017年と表記されていますので(2018-05-16現在)、

  • 「矛盾しているじゃないか!」

と思われるかもしれませんが、

  • 「ツールの種類によっては、ブラウザやシステムの脆弱性にはあまり影響しないため、開発者が拡張機能を更新していないと考えられるケースは、ColorZilla以外の拡張機能にも見られる」

ので、
更新日が古い場合は、上述した評価数を判断基準とされるのが良いと思います。
理由は、評価数が多いということは、不具合があった場合も報告するユーザー(積極的にコメントするユーザー)が多いと考えられるので、更新日が古くてもウェブストアにて存在が維持できているのなら、今から利用しても支障のない可能性が高い、と判断できます。
(もちろん、将来的には支障が出る可能性はあります。世の中に完璧なソフトは存在しませんので)

 

拡張機能はかゆいところまで手が届く便利で楽しいツールなのですが、利用者自身も使用上の注意が必要であることを常に認識した上で、
お使いになられることをお勧め致します。

 

拡張機能のカラーピッカー以外で色番号・カラーコードを知る方法

ブラウザ上だけの色ではWebサイトやブログを制作するには物足りなくなると思いますので、自分が知りたいカラーコードがオンラインで分かるサイトをご紹介いたします。
HTML color codes

マウスポインタで色を選ぶと、カラーコードがすぐに表示されて使いやすさ抜群です。

Windowsアクセサリ「ペイント」、Webサイト制作時にPhotoshopを使っているとき、WordPressの枠囲みで活躍するdivタグの背景色を選ぶとき、などの際、
すぐに使いたい色が見つかると思います。

 

最後までお読み頂きありがとうございました。

大阪の企業様、どうぞよろしくお願いいたします。

※英語表記部分は GDPRレディネスです。

Newsletter 臨時フォーム

Newsletter form 490

Related Posts 左へスライドして記事をお選びください。


最後までお読み頂きありがとうございます。

Ratings:

脚注

  1. 参考データ:StatCounter Global Stats – Browser, OS, Search Engine including Mobile Usage Share

著者について

Yuichi Okita administrator

ただいま、大阪府内でSEさんを探しています。/ 6月末までには正式なメルマガフォームを設置予定ですので、事前に臨時フォームへご登録頂ければ、途中経過などご連絡差し上げます。/ 法人のお客様は、お問合せフォームをご活用くださいませ。/ 個人のお客様は、SEOコンサルティングのみお受けしております。

コメントを投稿するにはログインしてください。

Privacy Preference Center

Your Privacy

When you visit any web site, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalised web experience.

Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. However, blocking some types of cookies may impact your experience of the site and the services we are able to offer.

gravatar.com,rrating-widget.com

Strictly Necessary Cookies

These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site may not work then.

jsdelivr.com,wordpress.com

Performance Cookies

These cookies allow us to count visits and traffic sources, so we can measure and improve the performance of our site. They help us know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies, we will not know when you have visited our site.

accaii.com

Targeting Cookies

These cookies are set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant ads on other sites. They work by uniquely identifying your browser and device. If you do not allow these cookies, you will not experience our targeted advertising across different websites.

amazon.co.jp,rakuten.co.jp

3rd-parties

We uses cookies to help us identify and track visitors, their usage of this website, and their website access preferences.

facebook.com,twitter.com,google.com,linkedin.com.com
https://www.facebook.com/policies/cookies/
https://policies.google.com/technologies/types
https://support.google.com/analytics/answer/181881?hl=ja
https://www.linkedin.com/legal/cookie-policy

Major browser help page

How to set cookies in browser.

Google Chrome: https://support.google.com/chrome/answer/95647?hl=en Internet Explorer https://support.microsoft.com/en-us/help/260971/description-of-cookies Mozilla Firefox https://support.mozilla.org/en-US/kb/cookies-information-websites-store-on-your-computer Safari (デスクトップ) https://support.apple.com/kb/PH5042?locale=en_US Safari (モバイル) https://support.apple.com/en-us/HT201265 Androidブラウザー https://support.google.com/nexus/answer/54068?visit_id=1-636621905069450730-928182436&hl=en&rd=1 Opera https://www.opera.com/help Operaモバイル https://www.opera.com/help/mobile/android#privacy