JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <body>
    <td class="colorpick">
      <input type="color" name="head" value="#aec7e8">
    </td>
  </body>
</html>

CSS

input[type="color"] {
  border: none;
  width: 24px;
  height: 24px;
  border:0;
  margin:0;
  padding:0;
}