float centroX;
float centroY;
float radio = 30;

// Elegimos los diferentes colores
color colorNormal = color(200);
color colorSobre = color(100);
color colorPulsado = color(50);

boolean sobre = false;

void setup(){
  size(500,500);
  
  centroX = width/2;
  centroY = height/2;
  
  stroke(0);
  smooth();
  background(255);
}

void draw(){
  background(255);
  
  // Miramos si esta sobre o no
  estaSobre();
  
  // Dibujamos con el color dependiendo del estado
  if (sobre){
    if (mousePressed){
      fill(colorPulsado);
    }else{
      fill(colorSobre);
    }
  }else{
    fill(colorNormal);
  }
  
  ellipse(centroX, centroY, radio*2, radio*2);  
}

void estaSobre(){
  if(dist(mouseX, mouseY, centroX, centroY) < radio){
    sobre = true;
  }else{
    sobre = false;
  }
}