[Malleys]

если бы подобное можно было нарисовать чисто на html/css

<script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
<script src="https://leaverou.github.io/conic-gradient/conic-gradient.js"></script>

<style>

.color-wheel {
	width: 200px;
	height: 200px;
	background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
	border-radius: 50%;
	box-sizing: border-box;
	-webkit-mask-image: radial-gradient(transparent 50%, black 51%);
	mask-image: radial-gradient(transparent 50%, black 51%);
}

</style>
<div class="color-wheel"></div>