Coolorsからカラーパレットを作成 by Processing

こんにちは。

僕は普段Processingでジャネラティブアートを制作するにあたってCoolorsから配色のインスピレーションを得ています。

Coolors - The super fast color palettes generator!

シンプルに使えてとても重宝しています。

そしてなんとCoolorsはURLにカラーコードが表示されます！

ここからカラーパレットを作ります。

Processingでこんなコードを作って

String url = "https://coolors.co/ef152b-0496ff-f7ba4a-ef4a86-f98e40";
String[] arr = split(url.substring(19), "-");
for (int i = 0; i < arr.length; i ++) {
 if(i == 0)print("#"+arr[i]);
 else print(","+"#"+arr[i]);
}
exit();

これを実行するとコンソールにこんな感じでカラーコードが表示されるので

これを普段使っているこの形にコピペします。

int[] colors = {#006ba6,#0496ff,#f7ba4a,#ef4a86,#f98e40};
int getCol() {
 return colors[(int)random(colors.length)];
}

５色の中からランダムに１色を返してくれます。ゲッカゥル！

５色がバランス良いだけで特に決めてはいないので
Processingのメニューからツール＞色選択でさらに色を追加する時もあります。

・サンプル

void setup() {
 size(500, 500);
 noLoop();
}

void draw() {
 background(getCol());
 for (int i=0; i<100; i++) {
   stroke(getCol());
   fill(getCol());
   circle(random(width), random(height), random(100));
 }
}

void mousePressed() {
 redraw();
}

void keyPressed() {
 if (key == 's')saveFrame("####.png");
}

int[] colors = {#006ba6,#0496ff,#f7ba4a,#ef4a86,#f98e40};
int getCol() {
 return colors[(int)random(colors.length)];
}

もっとスマートなやり方があるぜ！とか自分はこんな風に配色決めてるよーとかあったらぜひシェアしてください！

ありがとうございました。

Happy coding!