Javascript 在复选框附近绘制具有唯一颜色的圆

我有一个包含很多项目的复选框列表。另外，我还有不同颜色代码的预定义数组：['#FF0000'，#DDFF00，…]（5项）。我需要提供以下功能：选中复选框并从颜色数组中使用唯一颜色绘制圆圈（选中项目的最大计数=颜色数组的长度）。例如：如果我选中了5个复选框-检查能力被阻止。如果我取消选中任何项目，我需要确定此项目使用的颜色，并将其用于下一次检查。

绘制圆圈没有问题。但我不清楚如何用颜色进行描述的操作。现在我使用无限的颜色，随机生成并用拉斐尔画圆圈。