• GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie
  • GIZMODO
  • DIGIDAY
  • gene
  • cafeglobe
  • MYLOHAS
  • Glitty
  • machi-ya
  • roomie

カメきちカメきち  - ,  07:30 AM

指定したウェブサイトで使われている配色・フォントを抽出してくれるサイト「Stylify Me」

指定したウェブサイトで使われている配色・フォントを抽出してくれるサイト「Stylify Me」

141022_st.jpg


Stylify Me」は指定したウェブサイトで使われている配色を抽出してくれるサイトです。ウェブサイトではさまざまな色が使われていますが、その色を抽出して一覧にしてくれます。「このサイトの配色を参考にしたいな」といったときに便利です。配色に加え、使われているフォントの種類も教えてくれますよ。

以下に使ってみた様子を載せておきます。


まずStylify Meへアクセスしましょう。配色を知りたいウェブサイトのURLを入力して「Stylify Me」ボタンを押します。


141022_st2.jpg


するとこのように使われている配色の一覧が表示されます。ライフハッカーで使われている色は少なくシンプルですね。


141022_st3.jpg


さらに使われているフォントの一覧も作ってくれますよ。お気に入りのサイトの配色やフォント情報がまとめて手に入るので便利ですね。この結果をPDFで出力することも可能です。ぜひウェブサイトのデザインを考える際にご活用ください。


Stylify Me

(カメきち)

MORE FROM LIFEHACKER

powered by
 

Kotaku

© mediagene Inc.