CSS中可以使用filter屬性來添加圖片上的顏色，具體步驟如下：

1、在CSS中定義需要添加顏色的圖片元素，假設(shè)圖片元素的類名為"my-image"，則可以這樣定義：

.my-image {
  width: 200px;
  height: 200px;
  filter: brightness(100%) contrast(100%) saturate(100%) hue-rotate(0deg) blur(0px);
}

2、使用filter屬性中的"saturate"函數(shù)來增加圖片的顏色飽和度，如果想要增加圖片的顏色飽和度，可以將"saturate"函數(shù)的參數(shù)設(shè)置為一個大于100%的值，如150%：

.my-image {
  width: 200px;
  height: 200px;
  filter: brightness(100%) contrast(100%) saturate(150%) hue-rotate(0deg) blur(0px);
}

3、如果想要調(diào)整圖片的顏色亮度、對比度或模糊度，可以使用filter屬性中的其他函數(shù)，使用"brightness"函數(shù)來增加圖片的亮度，使用"contrast"函數(shù)來增加圖片的對比度，使用"blur"函數(shù)來增加圖片的模糊度。

需要注意的是，使用filter屬性添加圖片上的顏色可能會影響圖片的質(zhì)量，在使用該屬性時，需要權(quán)衡其帶來的視覺效果和可能的質(zhì)量損失。