Как генерировать не похожие цветовые палитры?

Question

Я собираюсь нарисовать кучу областей на карте. Каждая область должна быть разного цвета, предпочтительно четко отличаться от других. Конечно, по мере того, как число областей растет, я пригнулся. Но до тех пор я задаюсь вопросом, где я мог бы найти или как я мог бы создать набор, скажем, 15 цветов, которые "значительно" расходятся.

Первые несколько были просты, потому что я использовал значения по умолчанию из Bootstrap:

• синий
• желтый
• красный
• зеленый
• розовый

Но я могу Не перестаю удивляться, есть ли хитрость, инструмент или алгоритм для генерации следующего, отклоняющегося цвета .

Поиск в Google дал мне способы генерировать похожие схемы или цвета, которые go хорошо сочетаются друг с другом. Это не то, что я ищу, хотя. Кроме того, я обнаружил, что цвета гораздо шире, чем смешение RGB, поэтому я чувствую себя более слабым нубом.

Answer 1

Вы действительно должны использовать hsl 360 градусов для генерации хорошо распространенного цветового спектра. Чтобы иметь что-то подобное в машинописи / js, вы можете сделать:

const length = 15;
const colors = Array.from({ length }, (_, i) => `hsl(${360 / length * i}, 50%, 50%)`);  

Здесь вы можете увидеть рабочий пример:

stack

Результат: