Как вычислить тона цветов?

Question

[mitaichik]

Друзья, вроде бы простенькая задачка, но решения не могу найти.

Есть цвет (обычный цвет, описан в res/colors.xml). Нужно вычислить цвет чуть светлее, на пару тонов, и чуть темнее, на пару тонов.
Есть ли в Android какие-то методы для этого, без подключения сторонних библиотек?
Уверен что есть, но чет найти не могу.
Может кто знает?

Answer 1

[mitaichik]

Друзья, в общем, поигрался я с разными способами.

Умножать составляющие RGB на коэфициент - визуально более менее рабочий способ.
Но когда одна из составляющих в результате такого умножения дает результат более 255 - меняется весь цвет.
Как-то ограничивать я не пробовал, можно было попробовать ограничивать максимум 255, но я не стал.

Следующий способ : HSV / HLS с помощью вот этой либы https://github.com/tobiasschuerg/android-color-lib
Если изначальный цвет - более менее темный - то дает неплохой результат (я эксперементировал с primaryColor)
Но если светлый (тот же primaryColor но в темной теме) - то труба - результурующая платра будет очень не очень.

В итоге - самый рабочий способ, который мне понравился более всего - это уже имеющийся в Material класс TonalPalette из пакета com.google.android.material.color.utilities. Выдает отличную палитру, не надо писать что-то самому, и не надо сторонних либ.

Answer 2

[Rsa97]

Для начала формализуйте, что такое "на тон темнее/светлее" в формулах.
Потом переведите цвет в HSV-модель, сдвиньте куда хотите и переведите обратно в нужную вам модель.

Comments

[Дмитрий]

HSV — такое себе. OK LCH поточнее будет, ближе к дизайнерскому видению цвета.

[Rsa97]

Дмитрий, Возможно, хотя там свои нюансы могут вылезти. Но тут, IMHO, важнее первая часть - формализация.

[mitaichik]

Имеется ввиду взять цвет, и добавить к нему 10 процентов белого. Как то так.

[Rsa97]

mitaichik, Ну, скажем, это красный rgb(255, 0, 0). Что должно получиться после добавления? rgb(280, 25, 25) быть не может. А если надо сделать темнее? rgb(230, -25, -25) тоже нельзя.

Answer 3

[Александр]

Математика. Что такое тон - это комбинация R,G и B компонент - это числа от 0 до 255, как сделать светлее или темнее, но сохранить тон? - надо сохранить отношение между компонентами. То-есть не прибавить число а умножить на 0.9 все три компоненты - снизить яркость на 10% либо умножить на 1.1 чтобы увеличить яркость на 10%.

Comments

[Rsa97]

rgb(255, 0, 0) * 1.1 = rgb(280, 0, 0)
Но ни одна компонента не может быть больше 255.

[alexalexes]

Еще у каждого цвета в координатах RGB разный вклад в яркость. Поэтому, вы все равно изобретете преобразование RGB - HSV - RGB (ну, или другую систему координат, где удобно крутить вполне линейный компонент S для вашей задачи).

Answer 4

[Павел]

Вроде есть инструмент - пипетка. Тыкаешь на пиксель - тебе выдаётся его цвет.