JSFiddle - React, Tailwind, and code Playground

HTML

<span class="r"></span>
<span class="g"></span>
<span class="b"></span>
<br>
Цвет <span class="color">вот такой</span>

CSS

.r,.g,.b{
    display:inline-block;
    width:15px;
    height:15px;
}
.r{
    background:#f00;
}
.r:hover ~ .color{
    color:#f00;
}
.g{
    background:#0f0;
}
.g:hover ~ .color{
    color:#0f0;
}
.b{
    background:#00f;
}
.b:hover ~ .color{
    color:#00f;
}
.color{
    color:#f00;
}