Поиск похожих цветов в HTML по RGB и их сортировка в диапазоне значений

Delphi , Графика и Игры , Цвета и Палитра

Введение

Вопрос, поставленный пользователем, заключается в необходимости анализа HTML-кода на предмет поиска цветов, похожих на заданный. Цвета в HTML определяются с помощью RGB-значений, например, rgb(255,0,0) для красного цвета. Задача состоит в том, чтобы найти все цвета, похожие на заданный, например, rgb(240, 20, 20) или rgb(223,12,5), которые также можно считать красными.

Проблема

При попытке преобразования RGB-значений в COLORREF пользователь столкнулся с тем, что полученные значения не образуют последовательный диапазон, что затрудняет поиск похожих цветов. Например, RGB(240, 20, 20) преобразуется в 1316080, а RGB(255, 0, 0) - в 255, что не соответствует ожидаемому последовательному увеличению.

Решение

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

1. Создать структуру для хранения компонентов RGB предпочтительного цветового пространства, например, массив TArray<TRGB>.
2. Анализировать компоненты RGB искомого цвета, например, rgb(255,0,0).

3. Для каждого цвета в цветовом пространстве вычислить расстояние по формуле евклидова расстояния:

   pascal function CalculateColorDistance(const Color1, Color2: TRGB): Double; begin Result := Sqrt(Sqr(Color1.R - Color2.R) + Sqr(Color1.G - Color2.G) + Sqr(Color1.B - Color2.B)); end;

   Здесь TRGB - это тип данных, представляющий цвет в RGB-пространстве.

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

Альтернативный ответ

В качестве альтернативного подхода можно использовать формулу цветового расстояния, описанную на Википедии, например, формулу Еуclidean, но, как отмечалось, для простой задачи поиска похожих цветов это может быть избыточным.

Пример кода

type
  TRGB = record
    R, G, B: Byte;
    constructor Create(Red, Green, Blue: Byte);
  end;

{TRGB}
constructor TRGB.Create(Red, Green, Blue: Byte);
begin
  R := Red;
  G := Green;
  B := Blue;
end;

function CalculateColorDistance(const Color1, Color2: TRGB): Double;
begin
  Result := Sqrt(Sqr(Color1.R - Color2.R) +
                Sqr(Color1.G - Color2.G) +
                Sqr(Color1.B - Color2.B) / 255.0); // Делим на 255 для нормировки
end;

Этот код можно использовать для создания базы данных цветов и их последующего поиска по заданному цвету с определённой погрешностью.

Заключение

Используя предложенный алгоритм, можно эффективно находить цвета в HTML, похожие на заданный, путем вычисления расстояния между их RGB-компонентами. Это позволяет организовать сортировку цветов в диапазоне значений, что является ключевым для решения задачи пользователя.

Создано по материалам из источника по ссылке.

Контекст заключается в поиске и сортировке цветов в HTML по их RGB-значениям для выявления похожих оттенков.

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

:: Главная :: Цвета и Палитра ::