Can Someone Convert This Code?

Question

Can someone convert this Pug code into Html5, pleas?

Code (Pug):

- var colors = [
- 'red',
- 'orange',
- 'yellow',
- 'green',
- 'blue',
- 'indigo',
- 'violet'
- ]

h1 Color Picker
p HTML/CSS-only color picker concept.
.colorPicker
each color in colors
- var pickerId = "hat-color"
input(type='radio' name=pickerId value=color class=color id=pickerId + "-" + color)
label(for=pickerId + "-" + color, class=color)= color

Answer 1

Thank you!

Answer 2

Here's the general idea

https://code.sololearn.com/WAgk7S9rvT29