javascript：将对象添加到数组会更改对象属性

Question

我正在尝试创建一个颜色值数组。我将颜色值定义为对象：

    let rgbPalette = [];
    var color1 = {r: 152, g: 52, b: 211, a: 255};
    rgbPalette.push(color1);
    var color2 = {r: 0, g: 0, b: 0, a: 0};
    rgbPalette.push(color2);

    console.log(rgbPalette);
    

将数组记录到控制台时，我得到对象的不同属性值：

rgbPalette:  
(2) [{…}, {…}]
0: {r: 151, g: 51, b: 210, a: 255}
1: {r: 0, g: 0, b: 0, a: 8}
length: 2
__proto__: Array(0)

有人可以帮我弄清楚这里发生了什么吗？谢谢。