サイト内で使われているカラーを解析してくれる「Web Color Data」が便利!URLを入れるだけでカラーコードが取得可能!
僕はデザイナーでもなければグラフィックアーティストでもない。つまり、デザインセンスを持ちあわせていない。
ただ、gori.meは自分でデザインを調整して定期的に手直しをしている。デザインができない僕にデザインを見直すきっかけとなるのは他の人が運営するオシャレなサイトに遭遇した時。
サイトデザインで参考にしやすいのはそのサイトが使っている配色。色の使い方は特にセンスが問われるため、気に入ったサイトのカラーバランスは個人的に気になるところ。
何がきっかけでたどり着いたか思い出せないが、URLを入れるだけでサイトで使用されているカラーを解析してくれる「Colours」が面白そうだったので、紹介する!
URLを入れるだけでカラーの解析をしてくれる
使い方は簡単で、http://webcolourdata.com/にアクセスして気になるサイトのURLを入れるだけ!解析してくれる情報は以下の通り!
- 使われている主なカラーとその割合
- 色相分布
- 色相環
- 調べたサイトと類似しているサイト
試しにgori.meを解析してみた!
せっかくなのでgori.meを解析してみることにした!検索するとまずはサイト内で見受けられる主要カラーとその使用割合が表示される。僕の場合は#FD581Eが多いらしい。そんなカラーコードは記憶に無いな…。
以下が色相分布と色相環。正直よく分からないが、暖色系の割合が多いという認識でいいのだろうか。
カラーリングが類似しているウェブサイトとしてTiragraffi Magazine、HVG.hu、Playfireの3つが挙げられた。オレンジ要素が目立つ点がgori.meと似ているのだろうか。
何度か試してみたところ、どうも広告で使用されるカラーも取得してしまうようなのでサイト内で使用されているカラーの厳密な解析はできないかもしれないが、参考にする分にはいいかもしれない!
気になった人は以下のリンクから試してみるべし!
もっと読む
2017.08.18
2017.05.15
2015.02.04
関連キーワード
コメント(0件)
「ウェブ」新着記事

Firefoxの存続が危機に、Googleとの検索契約なしでは生き残れない可能性
2025.05.03

pCloud、お得過ぎるクリスマスセールを開催。最大62%オフ&Amazonギフトカードプレゼント
2024.12.12

AppleがFirefox向けiCloudパスワード拡張機能を公開、クロスプラットフォームでの利用が可能に
2024.12.05

pCloud、無料ストレージ容量を20GBに倍増。年内限定キャンペーン実施
2024.12.01

広告ブロックの影響、バカにならない。ニコニコ動画「年間1億円以上の損失」
2024.05.28

Bluesky、待望のDM機能を実装
2024.05.23

Blueskyが招待制廃止 → 24万人がアカウント作成
2024.02.08

サンタ追跡サービスはイブに子ども達の早寝を促す画期的サービスだ(みんな知ってた)
2023.12.25

フリー素材の天使が結婚、溢れるエモーション。新婦の友人代表として登場、最高の会で感動
2023.04.01

ぱくたそ、AIツールで生成したフリー素材「AI画像素材」を公開
2022.10.26

Adobe、Figmaを200億ドルで買収へ
2022.09.15

失恋からの恋愛を描いたフリー素材、ついに完結編。ウェディングドレス姿の写真素材が公開
2022.06.30

トイプードル「スーパーニートこてつ♀」のフリー写真素材が公開されたよ
2022.04.28

ソーシャルブックマークサービス「del.icio.us」、今夏に復活へ
2020.08.05

ぱくたそ、副業をテーマにしたフリー写真素材「占い師と在宅副業の女性」を公開
2020.07.10

NAVERまとめ、2020年9月30日をもってサービス終了へ
2020.07.01

Wi-Fiの5GHz帯と5Gを勘違いするフリー写真素材がぱくたそで公開
2020.01.12

画面粉砕したiPhone 11 Pro、フリー写真素材として登場
2019.10.28

正義感で人を傷つける”正義マン”のフリー写真素材サイトがぱくたそで公開
2019.10.14

アルバイト求人情報「an」、11月25日をもってサービス終了
2019.08.01