指定したWebページから、PhotoshopやSketchのカラーパレットを生成できるChromeの機能拡張 -Site Palette

指定したWebページから、使用されているカラーを抽出し、カラーパレットを生成するChromeの機能拡張を紹介します。
Photoshop, Illustrator, Sketch用のスウォッチも作成できるので、かなり便利です。

サイトのキャプチャ

コリスで試してみた

カラーパレット生成する機能拡張は、こちら。
「Site Palette」の名の通り、サイトのカラーパレットを生成します。

サイトのキャプチャ

Site Palette

カラーパレットを作成するのは簡単、その模様をアニメーションgifにしました。
Webページを表示したら、「Site Palette」をクリックするだけでOKです。あとは、ページが自動でスクロールされ、カラーパレットが生成されます。

カラーパレットの生成

生成されたカラーパレットです。

サイトのキャプチャ

コリスのカラーパレット

URLを発行して、共有することも可能です。もちろん、発行しなくてもOKです。

サイトのキャプチャ

コリスのカラーパレット

生成したカラーパレットは、Photoshop, Illustrator, Sketchなどのアプリやオンラインサービスで利用することもできます。

サイトのキャプチャ

カラーパレットの下から選択

同じカラーを使用したアートやカルチャーを表示したり、

サイトのキャプチャ

Google Arts & Culture

オンラインのカラーツールで、調整したり、

サイトのキャプチャ

Coolors.co

Sketchのテンプレートとして、

Sketchのキャプチャ

Sketchのテンプレート

Adobe系のスウォッチ素材として、利用できます。

Photoshopのキャプチャ

Photoshopのスウォッチ

Site Paletteのインストールは、Chrome ウェブストアからです。

サイトのキャプチャ

Site Palette -Chrome ウェブストア

sponsors

top of page

©2018 coliss