RGB в HSL

Ввод RGB
Пример
Вывод HSL

Конвертер RGB в HSL: Преобразование кодов цвета RGB в коды цвета HSL

Ищете простой и эффективный способ преобразования кодов цвета RGB в коды цвета HSL? Воспользуйтесь конвертером RGB в HSL. Наш онлайн-инструмент бесплатен, быстрый, безопасный и не требует никаких системных или программных зависимостей.

Особенности

  • Бесплатный и онлайн инструмент
  • Нет системных или программных зависимостей
  • Кнопка "Очистить" и "Копировать"
  • Пример ввода
  • Безопасность данных через локальную обработку

Введение

Конвертер RGB в HSL - это онлайн-инструмент, который позволяет пользователям преобразовывать коды цвета RGB в коды цвета HSL. RGB (красный, зеленый, синий) и HSL (оттенок, насыщенность, яркость) - это два разных способа представления цветов, и конвертер RGB в HSL упрощает преобразование между ними.

Преимущества и преимущества

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

Основной алгоритм

Основной алгоритм, используемый конвертером RGB в HSL, прост и понятен. Он включает в себя простой набор вычислений для преобразования кодов цвета RGB в коды цвета HSL. Формула для преобразования RGB в HSL выглядит следующим образом:

  • Для вычисления H:
    • Найдите максимальное и минимальное значения среди R, G и B.
    • Затем H вычисляется с использованием следующей формулы:
    if (max == min) H = 0
else if (max == R) H = 60 _ ((G - B) / (max - min))
else if (max == G) H = 60 _ ((B - R) / (max - min)) + 120
else if (max == B) H = 60 \* ((R - G) / (max - min)) + 240
if (H < 0) H += 360
  • Для вычисления S:
    • Если max и min оба равны 0, то S равно 0.
    • В противном случае, S вычисляется как (max - min) / (1 - abs(max + min - 1))
  • Для вычисления L:
    • L просто является средним значением max и min.

Как использовать конвертер RGB в HSL

Использование конвертера RGB в HSL просто и прямолинейно. Вот пошаговое руководство:

  1. Введите или вставьте код цвета RGB, который вы хотите преобразовать с помощью инструмента.
  2. Нажмите кнопку "Преобразовать", чтобы преобразовать код цвета RGB в HSL.
  3. Код цвета HSL будет отображаться на экране.
  4. Скопируйте код цвета HSL в буфер обмена, нажав кнопку "Копировать".

Вот и все! Всего несколькими кликами вы можете преобразовать любой код цвета RGB в соответствующий код цвета HSL.

Примеры

Python

def rgb_to_hsl(r, g, b):
    r, g, b = r/255.0, g/255.0, b/255.0
    max_val = max(r, g, b)
    min_val = min(r, g, b)
    h, s, l = 0, 0, ((max_val + min_val) / 2)

    if max_val == min_val:
        h = s = 0
    else:
        diff = max_val - min_val
        s = diff / (2 - max_val - min_val)
        if max_val == r:
            h = (g - b) / diff + (g < b and 6 or 0)
        elif max_val == g:
            h = (b - r) / diff + 2
        else:
            h = (r - g) / diff + 4
        h /= 6

    return (int(h*360), int(s*100), int(l*100))

C

#include <stdio.h>

void ConvertRGBtoHSL(int r, int g, int b)
{
    float fr = r / 255.0f;
    float fg = g / 255.0f;
    float fb = b / 255.0f;
    float max = fr > fg ? (fr > fb ? fr : fb) : (fg > fb ? fg : fb);
    float min = fr < fg ? (fr < fb ? fr : fb) : (fg < fb ? fg : fb);
    float h = 0, s = 0, l = (max + min) / 2.0;
    if (max == min) {
        h = 0;
        s = 0;
    }
    else {
        float d = max - min;
        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
        if (max == fr) {
            h = (fg - fb) / d + (fg < fb ? 6 : 0);
        }
        else if (max == fg) {
            h = (fb - fr) / d + 2;
        }
        else if (max == fb) {
            h = (fr - fg) / d + 4;
        }
        h /= 6;
    }
    printf("HSL: %.0f, %.0f%%, %.0f%%\n", h * 360, s * 100, l * 100);
}

JavaScript

function rgbToHsl(r, g, b) {
  (r /= 255), (g /= 255), (b /= 255);
  let max = Math.max(r, g, b),
    min = Math.min(r, g, b);
  let h,
    s,
    l = (max + min) / 2;

  if (max == min) {
    h = s = 0;
  } else {
    let d = max - min;
    s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
    switch (max) {
      case r:
        h = (g - b) / d + (g < b ? 6 : 0);
        break;
      case g:
        h = (b - r) / d + 2;
        break;
      case b:
        h = (r - g) / d + 4;
        break;
    }
    h /= 6;
  }
  return [h * 360, s * 100, l * 100];
}

Java

public static void rgbToHsl(int r, int g, int b) {
    float fr = r / 255.0f;
    float fg = g / 255.0f;
    float fb = b / 255.0f;
    float max = Math.max(fr, Math.max(fg, fb));
    float min = Math.min(fr, Math.min(fg, fb));
    float h = 0, s = 0, l = (max + min) / 2;
    if (max == min) {
        h = 0;
        s = 0;
    } else {
        float d = max - min;
        s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
        if (max == fr) {
            h = (fg - fb) / d + (fg < fb ? 6 : 0);
        } else if (max == fg) {
            h = (fb - fr) / d + 2;
        } else if (max == fb) {
            h = (fr - fg) / d + 4;
        }
        h /= 6;
    }
    System.out.printf("HSL: %.0f, %.0f%%, %.0f%%\n", h * 360, s * 100, l * 100);
}

PHP

function RGB2HSL($R, $G, $B) {
    $R = ($R / 255);
    $G = ($G / 255);
    $B = ($B / 255);

    $maxValue = max($R, $G, $B);
    $minValue = min($R, $G, $B);
    $delta = $maxValue - $minValue;

    $L = ($maxValue + $minValue) / 2;
    $H = 0;
    $S = 0;

    if ($delta == 0) {
        $H = 0;
        $S = 0;
    } else {
        if ($L < 0.5) {
            $S = $delta / ($maxValue + $minValue);
        } else {
            $S = $delta / (2 - $maxValue - $minValue);
        }

        $deltaR = ((($maxValue - $R) / 6) + ($delta / 2)) / $delta;
        $deltaG = ((($maxValue - $G) / 6) + ($delta / 2)) / $delta;
        $deltaB = ((($maxValue - $B) / 6) + ($delta / 2)) / $delta;

        if ($R == $maxValue) {
            $H = $deltaB - $deltaG;
        } else if ($G == $maxValue) {
            $H = (1 / 3) + $deltaR - $deltaB;
        } else if ($B == $maxValue) {
            $H = (2 / 3) + $deltaG - $deltaR;
        }

        if ($H < 0) {
            $H++;
        }
        if ($H > 1) {
            $H--;
        }
    }
    return [(int)($H * 360), (int)($S * 100), (int)($L * 100)];
}

Заключение

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

Часто задаваемые вопросы (FAQ)

Познакомьтесь с нашими дополнительными инструментами