Не изучая их исходный код, я бы сказал, что почти наверняка они просто загружают отдельное изображение для каждого кольца.Возможно, что сами изображения могли быть обработаны из одного исходного изображения (они выглядят очень похожими), но для сайта это отдельные изображения.
Но я использовал одну техникув прошлом, чтобы получить изображение любого цвета, я хотел использовать наложение серой шкалы с прозрачностью, а сплошной цвет фона позади него - цветом, который я хочу.
Это может работать даже для полноцветного изображения сцвет точечного эффекта (как с изображениями на сайте-образце), если вы используете изображение PNG с секцией прозрачности альфа-канала в области, которую хотите закрасить.
Из-за серого переднего плана этот методимеет тенденцию создавать оттенки, которые выглядят как пастельные цвета, и он подходит только для изображений, где вам не нужны сложные изменения цвета, но он может работать.
С другой стороны, для изображений, подобных изображениям на этом сайтеВозможно, лучше просто использовать отдельную графику для каждого продукта.Проще, проще и честнее (если вы продаете продукт с фотографией этого продукта, люди будут вам больше доверять, если это изображение на самом деле будет реальной фотографией, а не компьютером)