JSFiddle - React, Tailwind, and code Playground

HTML

<p class="a">
  Красный
</p>
<p class="b">
  Оранжевый
</p>
<p class="c">
  Желтый
</p>
<p class="d">
  Зеленый
</p>
<p class="e">
  Синий
</p>
<p class="f">
  Фиолетовый
</p>

CSS

.a {
  font-size: 64px;
  color: red;
  text-align: center;
}

.b {
  font-size: 64px;
  color: orange;
  text-align: center;
}

.c {
  font-size: 64px;
  color: yellow;
  text-align: center;
}

.d {
  font-size: 64px;
  color: green;
  text-align: center;
}

.e {
  font-size: 64px;
  color: blue;
  text-align: center;
}

.f {
  font-size: 64px;
  color: purple;
  text-align: center;
}