Как преобразовать число в цвет?

Question

[Сергей Савостин]

Вопрос звучит странно, согласен. Суть в чем.
Есть на странице определенное количество блоков. Каждому присвоено некое число (ID, к DOM отношения не имеет). У нескольких блоков может быть один ID. Требуется присвоить цвет каждой группе блоков с одинаковым ID. Нужно, чтобы цвет сохранялся, т.е. был привязан к этому ID.
Ни ID (может быть как 10, так и 12341532), ни их количество (ну, не более 100 пусть будет) заранее не известны.
Т.е. нужна формула однозначного преобразования, типа md5.
Визуально допустимо, чтобы блоки с близким, но не равным ID были примерно одинакового цвета.
Есть идеи?

Comments

[agee]

Уточните, пожалуйста: нужно, чтобы цвет соотвествовал одному и тому же ID всегда-всегда? Или после перезагрузки страницы соотвествие ID - цвет можно изменить? И еще - цвет может быть совершенно любым или должен соответствовать какому-нибудь правилу (например, не ярче, чем или не насыщеннее, чем)?

[Сергей Савостин]

agee: Лучше, конечно, чтоб не менялся, имхо так удобнее и понятнее. Любым. Короче, нужно визуально сгруппировать блоки цветами.

Answer 1

[Dmitry Kalinin]

Вот например https://jsfiddle.net/kal1sha/Ltn9urmd/4/

вместо ID поставите свое число и все.

Comments

[Сергей Савостин]

Как я понимаю, ID <= 16777215 ?

[Dmitry Kalinin]

Сергей Савостин: если у вас ID очень большое то кол-во коллизий будут

[Сергей Савостин]

Количество на странице до 100. А вот значения могут быть сильно разные. Т.е. образно, на странице 6 блоков: 12, 12, 12, 133311331, 133311331, 12345. Должно быть 3 цвета...

[Dmitry Kalinin]

Да так и будет, будет всего 3 цвета.

[Сергей Савостин]

К сожалению Ваш код на ID 133311331 выдает #7f22b63

[Dmitry Kalinin]

Сергей Савостин: можно просто обрезать строку

var str = '7f22b63';
alert(str.substr(5))

[Dmitry Kalinin]

Сергей Савостин:

ID=133311331;
str = ((ID)>>>0).toString(16);
alert('#'+str.substr(1));

[Сергей Савостин]

Тогда f(133311331) == f(133311335)

[Dmitry Kalinin]

Сергей Савостин: если у вас ID очень большое то кол-во коллизий будут :)

Answer 2

[mayorovp]

Используйте любую контрольную сумму - тот же md5 или crc32

Comments

[Сергей Савостин]

а дальше? что с этим md5 делать?

[Mrrl]

Сергей Савостин: Взять 24 младших бита.

[pi314]

CRC24 ?

[Сергей Савостин]

pi314: Хм, а можно пример использования?