よく見かけるカラーチャートです。このチャートの外周は、255×6=1536色ありますので、この数を必要な色数で割り、開始位置を決めれば必要な色が準備されることになります

さらに、その色の明るさを調節することで、ホバー時の色や前景色なども取得することができます

Javascriptでサンプルを作りました

起点の色は、カラーチャートの外周になるので、RGBのいずれかが00かFFになります

必ずRGB6文字で指定します

明るさの区切りは、基準の色を中心として左は彩度を落とし、右は明度を落としています

それぞれ0～100％で指定しますので、区切りは15を最大として5段階表示します