ITエンジニア/デザイナ向けにオープンソースを毎日紹介

新しい色彩を考える時には、カラーパレットがよく使われます。多彩な色が並んでいる中、感性に合わせて色を選択するのですが、あまりにも多いと迷ってしまうでしょう。似通った色の中から、ほんの少し緑がかったもの、青っぽいものを選択したいなどニーズは色々とあるはずです。

そんな時に使ってみて欲しいのがPouletteです。

Pouletteの使い方

色が並んでいますが、若干いびつな形です。

この丸い部分はドラッグで移動できます。ダブルクリックで追加もできます。

色を選ぶと背景色が変わります。

実際に操作しているところです。

不要な丸はコンポーネントの外にドラッグして追い出せます。

Pouletteは丸を移動させることで、より柔軟に新しい色を作り出せます。丸同士の位置によって、色の混ざり具合が異なるので、これまでのカラーパレットでは難しかった色合いも生み出せそうです。

PouletteはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Poulette Demo

grgrdvrt/poulette: Proof of concept for a color mixer interface

 

MOONGIFTの関連記事

  • DevRel
  • Com2