Es una función de css Implementada en 2020 en el modulo de color de nivel 4,con la intención de que sea mas intuitiva para seres humanos.
En principio funciona como el selector normal, pero es este caso, primero eliges el color base y luego gracias al color blanco o negro que se mezclan, puedes elegir el color especifico que buscas.
Por ejemplo
Tu eliges el color del circulo y luego en elcuadrado la cantidad de negro/blanco que quieres.
De tal forma que el comando sería:
primero colocas el color base(el del circulo)
segundo el % de blanco
y tercero el % de negro
comando[color:hwb(270, 20%, 40%);]
Bibliografía
https://dev.to/adrianbenavente/hwb-un-mordisco-del-futuro-de-css-46j8