Как создать различные оттенки цвета в программировании: использование HSL и HSV

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

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

Что такое HSL и HSV?

HSL (Hue, Saturation, Lightness) и HSV (Hue, Saturation, Value) — это цветовые пространства, которые представляют цвета через три составляющие: оттенок (Hue), насыщенность (Saturation) и светлота (Lightness в HSL и Value в HSV). Эти модели более интуитивно понятны и соответствуют тому, как люди обычно воспринимают цвета.

• Оттенок (Hue) — это основной цвет, который можно представить как угол на цветовом колесе.
• Насыщенность (Saturation) — линейное значение от 0 (серый) до 255 (яркий, насыщенный цвет).
• Светлота/Value — представляет яркость цвета, от 0 (черный) до 100 (белый).

Как использовать HSL и HSV для создания оттенков цвета?

Чтобы создать различные оттенки одного цвета, можно изменить значение светлоты (Lightness) или яркости (Value), оставляя оттенок и насыщенность без изменений. Это позволит получить более светлые или более темные оттенки исходного цвета.

Пример кода на Object Pascal (Delphi)

Для преобразования цветов между RGB и HSL/HSV можно использовать готовые алгоритмы, например, из библиотеки Colorlib для Delphi. Вот пример кода, который преобразует цвет из RGB в HSL, изменяет значение светлоты, а затем возвращает цвет обратно в RGB:

uses
  System.SysUtils,
  Colorlib;

procedure GenerateShades(const BaseColor: TColor; var Shades: TArray<TColor>; const NumShades: Integer);
var
  HSL: array[0..2] of Double;
  HSLNew: array[0..2] of Double;
  RGB: array[0..2] of Byte;
  i: Integer;
begin
  // Преобразуем базовый цвет в HSL
  RGBColorToHSL(BaseColor, HSL);
  SetLength(Shades, NumShades);
  for i := 0 to NumShades - 1 do
  begin
    // Изменяем значение светлоты
    HSLNew[0] := HSL[0]; // Оттенок остается тем же
    HSLNew[1] := HSL[1]; // Насыщенность остается той же
    HSLNew[2] := HSL[2] + (i - (NumShades - 1) / 2.0) / (NumShades - 1) * 0.5; // Изменяем светлоту
    // Преобразуем обратно в RGB
    HSLToRGB(HSLNew, RGB);
    Shades[i] := RGBToColor(RGB);
  end;
end;

Этот код можно использовать для создания набора оттенков, например, для оформления диаграммы в стиле, подобном тому, что используется в Excel.

Заключение

Использование моделей HSL и HSV позволяет легко создавать различные оттенки цвета, изменяя только значение светлоты или яркости. Это простой и эффективный способ, который можно реализовать с помощью готовых библиотек и алгоритмов, доступных в среде разработки Delphi.

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

статья о том, как в программировании создать различные оттенки цвета с использованием моделей HSL и HSV.

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

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

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