Processing Color Picker

/*

Simple Processing HSB Color Picker by qewer3322

​

Normally it copies the color codes when you click

on them but doesnt work with Processing.js since

it's deprecated. Will work if you copy the code

and paste it to the Processing IDE.

*/

import java.awt.Toolkit;

import java.awt.datatransfer.StringSelection;

import java.awt.datatransfer.Clipboard;

​

PFont font;

PFont font2;

int s1 = 20;

int ex = 20;

int ey = 60;

boolean s1b = false;

boolean s2b = false;

boolean c1 = false;

boolean c2 = false;

boolean c3 = false;

color c;

​

void setup() {

  //if you paste this into the processing IDE,

  //delete size() and uncomment these lines

  //surface.setSize(460, 180);

  //surface.setLocation(displayWidth - 465, displayHeight - 230);

  //surface.setAlwaysOnTop(true);

  //fullScreen();

  size(460, 180);

  colorMode(HSB, 360, 100, 100);

  font = loadFont("CenturyGothic-32.vlw");

  font2 = loadFont("ArialMT-32.vlw");

}

​

void draw() {

  textFont(font);

  int f1 = s1 - 20;

  int f2 = ex - 20;

  int f3 = ey - 60;

  c = color(f1, f2, f3);

​

  background(0, 0, 100);

​

  //hue slider

  noStroke();

  for (int i = 20; i < 380; i++) {

    fill(i - 20, 100, 100);

    rect(i, 20, 1, 20);

  }

​

  stroke(255, 100, 0);

  noFill();

  rect(20, 20, 360, 20);

​

  fill(s1 - 20, 100, 100);

  triangle(s1-7, 9, s1 + 7, 9, s1, 25);

​

  if (s1b == true && s2b == false) s1 = mouseX;

​

  if (s2b == false && mousePressed && mouseX > 20 && mouseY > 20 && mouseX < 380 && mouseY < 40) s1b = true;

​

  if (s1 >= 380) s1 = 380;  

  if (s1 <= 20) s1 = 20;  

​

  //saturation and brightness display

  for (int i = 21; i < 120; i++) {

    for (int z = 61; z < 160; z++) {

      color v = color(s1 - 21, i - 20, z-61);

      set(i, z, v);

    }

  }

​

  //saturation and brightness 2d slider

  noFill();

  rect(20, 60, 100, 100);

  fill(c);

  if (ey > 110) stroke(0,0,0);

  else stroke(0,0,100);

  ellipse(ex, ey, 10, 10);

  stroke(0,0,0);

​

  if (s2b == true && s1b == false) {

    ex = mouseX;

    ey = mouseY;

  }

​

  if (s1b == false && mousePressed && mouseX > 20 && mouseY > 60 && mouseX < 120 && mouseY < 160) s2b = true;

​

  if (ex <= 20) ex = 20;

  if (ey <= 60) ey = 60;

  if (ex >= 120) ex = 120;

  if (ey >= 160) ey = 160;

​

  //color display

  fill(c);

  rect(140, 60, 100, 100);

​

  //main frame

  noFill();

  rect(0, 0, width - 1, height - 1);

​

  //exit button

  noFill();

  rect(400, 20, 40, 20);

  fill(0, 100, 100);

  if (mouseX > 400 && mouseY > 20 && mouseX < 440 && mouseY < 40) {

    rect(400, 20, 40, 20);

    stroke(0, 0, 100);

  } else stroke(0, 100, 0);

  line(415, 25, 425, 35);

  line(415, 35, 425, 25);

​

  //texts

  fill(0);

  textSize(20);

  colorMode(HSB, 360, 100, 100);

  text("HSB  (" + int(hue(c)) + ", " + int(saturation(c)) + ", " + int(brightness(c)) + ")", 253, 85);

  colorMode(RGB, 255, 255, 255);

  text("RGB (" + int(red(c)) + ", " + int(green(c)) + ", " + int(blue(c)) + ")", 253, 116);

  text("HEX  #" + hex(c, 6), 253, 145);

  colorMode(HSB, 360, 100, 100);

  //copy texts

  //1

  if (c1 == false && mouseX > 253 && mouseY > 70 && mouseX < 253 + textWidth("HSB  (" + int(hue(c)) + ", " + int(saturation(c)) + ", " + int(brightness(c)) + ")") && mouseY < 85) {

    textFont(font2);

    fill(0,0,100);

    rect(mouseX + 10,mouseY + 13,63,13);

    textSize(9);

    fill(0,0,0);

    text("Click to copy!",mouseX + 13,mouseY + 23);

  }

  if (c1 == true) {

    textFont(font2);

    fill(0,0,100);

    rect(mouseX + 10,mouseY + 13,39,13);

    textSize(9);

    fill(0,0,0);

    text("Copied!",mouseX + 13,mouseY + 23);

  }

  textFont(font);

  textSize(20);

  if (mouseX < 253 || mouseY < 70 || mouseX > 253 + textWidth("HSB  (" + int(hue(c)) + ", " + int(saturation(c)) + ", " + int(brightness(c)) + ")") || mouseY > 85) c1 = false;

  //2

  if (c2 == false && mouseX > 253 && mouseY > 100 && mouseX < 253 + textWidth("RGB (" + int(red(c)) + ", " + int(green(c)) + ", " + int(blue(c)) + ")") && mouseY < 115) {

    textFont(font2);

    fill(0,0,100);

    rect(mouseX + 10,mouseY + 13,63,13);

    textSize(9);

    fill(0,0,0);

    text("Click to copy!",mouseX + 13,mouseY + 23);

  }

  if (c2 == true) {

    textFont(font2);

    fill(0,0,100);

    rect(mouseX + 10,mouseY + 13,39,13);

    textSize(9);

    fill(0,0,0);

    text("Copied!",mouseX + 13,mouseY + 23);

  }

  textFont(font);

  textSize(20);

  if (mouseX < 253 || mouseY < 100 || mouseX > 253 + textWidth("RGB (" + int(red(c)) + ", " + int(green(c)) + ", " + int(blue(c)) + ")") || mouseY > 115) c2 = false;

  //3

  if (c3 == false && mouseX > 253 && mouseY > 130 && mouseX < 253 + textWidth("HEX  #" + hex(c, 6)) && mouseY < 145) {

    textFont(font2);

    fill(0,0,100);

    rect(mouseX + 10,mouseY + 13,63,13);

    textSize(9);

    fill(0,0,0);

    text("Click to copy!",mouseX + 13,mouseY + 23);

  }

  if (c3 == true) {

    textFont(font2);

    fill(0,0,100);

    rect(mouseX + 10,mouseY + 13,39,13);

    textSize(9);

    fill(0,0,0);

    text("Copied!",mouseX + 13,mouseY + 23);

  }

  textFont(font);

  textSize(32);

  if (mouseX < 253 || mouseY < 130 || mouseX > 253 + textWidth("HEX  #" + hex(c, 6)) || mouseY > 145) c3 = false;

  textFont(font);

  //println(mouseX);

  //println(mouseY);

}

​

​

​

void mouseReleased() {

  s1b = false;

  s2b = false;

  //this line quits the application when x button is pressed

  //commented it out cause it doesn't work in web

  //if (mouseX > 400 && mouseY > 20 && mouseX < 440 && mouseY < 40) exit();

  //copy to clipboard

  //1

  if (mouseX > 253 && mouseY > 70 && mouseX < 253 + textWidth("HSB  (" + int(hue(c)) + ", " + int(saturation(c)) + ", " + int(brightness(c)) + ")") && mouseY < 85) {

    StringSelection selection = new StringSelection(int(hue(c)) + ", " + int(saturation(c)) + ", " + int(brightness(c)));

    Clipboard clipboard = Toolkit.getDefaultToolkit().getSystemClipboard();

    clipboard.setContents(selection, selection); 

    println(int(hue(c)) + ", " + int(saturation(c)) + ", " + int(brightness(c)));

    c1 = true;

  }

  //2

  colorMode(RGB, 255, 255, 255);

  if (mouseX > 253 && mouseY > 100 && mouseX < 253 + textWidth("RGB (" + int(red(c)) + ", " + int(green(c)) + ", " + int(blue(c)) + ")") && mouseY < 115) {

    StringSelection selection = new StringSelection(int(red(c)) + ", " + int(green(c)) + ", " + int(blue(c)));

    Clipboard clipboard = Toolkit.getDefaultToolkit().getSystemClipboard();

    clipboard.setContents(selection, selection); 

    println(int(red(c)) + ", " + int(green(c)) + ", " + int(blue(c)));

    c2 = true;

  }

  //3

  if (mouseX > 253 && mouseY > 130 && mouseX < 253 + textWidth("HEX  #" + hex(c, 6)) && mouseY < 145) {

    StringSelection selection = new StringSelection("#" + hex(c, 6));

    Clipboard clipboard = Toolkit.getDefaultToolkit().getSystemClipboard();

    clipboard.setContents(selection, selection); 

    println("#" + hex(c, 6));

    c3 = true;

   }

  colorMode(HSB, 360, 100, 100);

 }