Alembic

<h1 align="center"> <img src="Docs/icon.png" width="106" alt="icon"><br> Alembic<br> <p align="center"> <a href="https://twitter.com/madeawkward"> <img src="https://img.shields.io/badge/contact-madeawkward-blue.svg?style=flat" alt="Contact"> </a> <a href="https://opensource.org/licenses/MIT"> <img src="https://img.shields.io/badge/License-MIT-yellow.svg" alt="License: MIT"> </a> </p> </h1> <p align="center"> <img src="Docs/alembic.gif" width="500" alt="Alembic"> </p> <p align='center'> <a href="https://github.com/awkward/Alembic/releases/download/v1.1.1/alembic.sketchplugin.zip"> <img src="Docs/download.png" width="209" alt="Download Alembic"> </a> <a href="http://sketchrunner.com"> <img src="Docs/runnerBadge.png" width="184" alt="Sketch Runner"> </a> </p> <br> <br>

A Sketch plugin to extract a color palette from any layer that contains bitmap data. This works for both images and layers with a Pattern fill. Alembic uses Color Thief to extract a representative color palette.

Introduction

Hi, we’re Awkward. A while ago, we came across this Tweet with an idea for a Sketch plugin that extracts color palettes from images. We felt like it was perfect to experiment with and the idea resulted in Alembic.

Usage

1. Launch Plugins › ⚗️ Alembic
2. Select the layer you want to extract the colors from
3. Click a color to copy it to your clipboard

<img src="Docs/usage.gif" width="680" alt="Usage">

You can also use Sketch Runner to quickly launch Alembic.

<img src="Docs/runnerUsage.gif" width="680" alt="Sketch Runner">

Installation

Using Sketch Runner

With Sketch Runner, just go to the install command and search for Alembic.

<img src="Docs/runnerInstall.png" width="680" alt="Install Alembic with Sketch Runner">

Using Sketchpacks

Search for Alembic in Sketchpacks or just install it directly.

Manually

1. Download the latest release
2. Open Alembic.sketchplugin

License

Alembic is available under the MIT license. See the LICENSE file for more info.