JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<input type="color">

CSS

input[type="color"] {
	-webkit-appearance: none;
	border: none;
	width: 24px;
	height: 24px;
  border-radius: 100px;
  overflow: hidden;
}
input[type="color"]::-webkit-color-swatch-wrapper {
	padding: 0;
}
input[type="color"]::-webkit-color-swatch {
	border: none;
}