如何基于CSS和HTML更改网页栏的颜色

是的，所以我的平均成绩是15岁。我是这个领域的新手，需要帮助。你看，我拿了一个模板并定制了它。模板来自W3 school.com，现在我需要更改一些条的颜色，你能帮我吗？因为这对我会有很大帮助！！。我使用的代码如下：；

 <p class="w3-large"><b><i class="fa fa-asterisk fa-fw w3-margin-right text-teal"></i>Skills</b></p>
          <p>Adobe Photoshop</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:90%">90%</div>
          </div>
          
          <p>Illustrator</p>
          <div class="w3-light-black w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:75%">75%</div>
          </div>
          <p>Media</p>
          <div class="w3-light-grey w3-round-xlarge w3-small">
            <div class="w3-container w3-center w3-round-xlarge w3-teal" style="width:50%">50%</div>
          </div>
          <br>

          <p class="w3-large w3-text-theme"><b><i class="fa fa-globe fa-fw w3-margin-right text-teal"></i>Languages</b></p>
          <p>Urdu</p>
          <div class="w3-light-grey w3-round-xlarge">
            <div class="w3-round-xlarge w3-teal" style="height:24px;width:100%"></div>
          </div>
          <p>English</p>
          <div class="w3-light-grey w3-round-xlarge">
            <div class="w3-round-xlarge w3-teal" style="height:24px;width:75%"></div>
          </div>
          

我确实尝试了一些随机的东西，但我失败了，这就是为什么我需要帮助改变颜色的原因。！！！