Al principio hice if <= no me funciono, porque?

Hola Amaury:

function alterarColor() {
        color++;
        if(color >= colores.length) {
             color = 0; //vuelve para el primer color, blue
        }
        return false; //menú contextual padrón de `canvas` no sea exhibido
    }

Cuando inicias el color=0 es el indice=0 del array colores = ["blue", "red", "green"] 
es decir Colores[color] es Colores[0] = "blue"

Cuando alteras el color con la funcion alterarColor
color++ se incrementa 1 entonces color=1 es el indice=1 del array colores = ["blue", "red", "green"]
es decir Colores[color] es Colores[1] = "red"

Vuelves a alterar el color con la funcion alterarColor
color++ se incrementa 1 entonces color=2 es el indice=2 del array colores = ["blue", "red", "green"]
es decir Colores[color] es Colores[1] = "green"

Así llegamos al último color del array, el color.length =2 
(recuerda que el indice inicia en 0)
Y ahí entra en la condición if y vuelve a iniciar el color=0, para que tome el primer color del array.

Si pones <= se cumpliría desde el inicio, por lo tanto volvería con cada clik al color que esta en el indice=0 que es "blue"

Gracias, ya entiendo. Es pura logica.