带颜色框的HTML拾色器

Question

我正在设置HTML代码，我想在HTML中显示颜色列表，如下所示：

如果我要创建颜色列表，则需要创建一个表格和带有以下颜色的div块列表：

<table style="user-select: none;">
  <tbody style="user-select: none;">
    <td style="user-select: none;">Background colour</td>
    <div title="RGB (0, 0, 0)" style="background-color: rgb(0, 0, 0); user-select: none;"></div>
    <div title="RGB (68, 68, 68)" style="background-color: rgb(68, 68, 68); user-select: none;"></div>
    <div title="RGB (102, 102, 102)" style="background-color: rgb(102, 102, 102); user-select: none;"></div>
  </tbody>
</table>

我发现这是很多工作要做，我可能不需要这样做。我试图在Google上搜索所需的内容，但是找不到，所以需要您的帮助。

如果我想在html中创建颜色列表，我是否必须创建一个包含带有颜色的div块列表的表，或者是否可以创建一个简短的HTML代码以使其变得更短，更容易和更简单？更快，所以我可以像截图一样显示背景颜色和文本颜色？

谢谢。

Answer 1

对不起，我还不能评论这个“解决方案”。这不是一个最佳解决方案，但是如果您尝试的任何方法都无效，则可以尝试以下方法：

<input id="color" type="color" onchange="clickColor(0, -1, -1, 5)" value="#ffffff" placeholder="#000000">

我希望这会有所帮助！