HEX zu HSL

HEX-Eingabe

Beispiel

HSL-Ausgabe

HEX zu HSL Konverter: Konvertiere HEX zu HSL Farbcodes einfach und schnell

Wenn Sie eine Möglichkeit suchen, HEX Farbcodes in HSL umzuwandeln, sind Sie hier genau richtig. Der HEX zu HSL Konverter ist ein kostenloses Online-Tool, mit dem Sie beliebige HEX Farbcodes einfach und schnell in HSL Farbcodes umwandeln können, ohne von einem System oder einer Software abhängig zu sein. Mit diesem Konverter können Sie HEX Farbcodes mit nur wenigen Klicks in HSL Farbcodes umwandeln.

Funktionen des Tools

Kostenlos und online verfügbar
Keine Abhängigkeit von Systemen oder Software
Kann löschen
Kann kopieren
Beispielfunktion
Datensicherheit, lokale Verarbeitung

Wie man den HEX zu HSL Konverter benutzt?

Das Umwandeln von HEX Farbcodes in HSL Farbcodes ist einfach mit unserem HEX zu HSL Konverter. So können Sie das Tool verwenden:

Geben Sie den HEX Farbcode in das Eingabefeld ein oder fügen Sie ihn ein. Zum Beispiel, #ffd500.
Klicken Sie auf den "Konvertieren" Button.
Der umgewandelte HSL Farbcode wird im Ausgabefeld angezeigt. Zum Beispiel, hsl(50,100,50).
Sie können auch das Eingabefeld leeren oder den umgewandelten HSL Farbcode mit den entsprechenden Buttons in die Zwischenablage kopieren.

Kernalgorithmus

Der HEX zu HSL Konverter verwendet einen einfachen Algorithmus, um den HEX Farbcode in den HSL Farbcode umzuwandeln. Hier ist die Formel, die das Tool verwendet:

r = parseInt(hex.substring(1, 3), 16) / 255;
g = parseInt(hex.substring(3, 5), 16) / 255;
b = parseInt(hex.substring(5, 7), 16) / 255;
max = Math.max(r, g, b);
min = Math.min(r, g, b);
l = (max + min) / 2;
if (max === min) {
  h = s = 0; // achromatic
} else {
  const 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;
}
h = Math.round(h * 360);
s = Math.round(s * 100);
l = Math.round(l * 100);
return `hsl(${h},${s},${l})`;

Beispiele in verschiedenen Programmiersprachen

Hier sind einige Beispiele, wie man den HEX zu HSL Konverter in verschiedenen Programmiersprachen verwendet:

Python

def hex_to_hsl(hex_color_code):
    r = int(hex_color_code[1:3], 16) / 255.0
    g = int(hex_color_code[3:5], 16) / 255.0
    b = int(hex_color_code[5:7], 16) / 255.0
    max_value = max(r, g, b)
    min_value = min(r, g, b)
    delta = max_value - min_value
    l = (max_value + min_value) / 2
    if delta == 0:
        h = s = 0
    else:
        if l < 0.5:
            s = delta / (max_value + min_value)
        else:
            s = delta / (2 - max_value - min_value)
        if max_value == r:
            h = (g - b) / delta + (6 if g < b else 0)
        elif max_value == g:
            h = (b - r) / delta + 2
        else:
            h = (r - g) / delta + 4
        h /= 6
    h = int(round(h * 360))
    s = int(round(s * 100))
    l = int(round(l * 100))
    return "hsl({}, {}, {})".format(h, s, l)

# Example usage
hex_code = "#ffd500"
hsl_code = hex_to_hsl(hex_code)
print(hsl_code) # Output: hsl(50, 100, 50)

C

#include <stdio.h>
#include <stdlib.h>
#include <string.h>
#include <math.h>

char* hex_to_hsl(char* hex_color_code) {
  float r = (float)strtol(hex_color_code+1, NULL, 16) / 255.0;
  float g = (float)strtol(hex_color_code+3, NULL, 16) / 255.0;
  float b = (float)strtol(hex_color_code+5, NULL, 16) / 255.0;
  float max_value = fmaxf(r, fmaxf(g, b));
  float min_value = fminf(r, fminf(g, b));
  float delta = max_value - min_value;
  float h, s, l;
  if (delta == 0) {
    h = s = 0;
  } else {
    if (max_value == r) {
      h = (g - b) / delta + (g < b ? 6 : 0);
    } else if (max_value == g) {
      h = (b - r) / delta + 2;
    } else {
      h = (r - g) / delta + 4;
    }
    h /= 6;
    s = max_value == 0 ? 0 : delta / max_value;
  }
  l = (max_value + min_value) / 2;
  h = round(h * 360);
  s = round(s * 100);
  l = round(l * 100);
  char* hsl_code = (char*) malloc(18 * sizeof(char));
  sprintf(hsl_code, "hsl(%d, %d%%, %d%%)", (int) h, (int) s, (int) l);
  return hsl_code;
}

int main() {
  char* hex_code = "#ffd500";
  char* hsl_code = hex_to_hsl(hex_code);
  printf("%s\n", hsl_code); // Output: hsl(50, 100%, 50%)
  free(hsl_code);
  return 0;
}

JavaScript

function hexToHsl(hexColorCode) {
  let r = parseInt(hexColorCode.substring(1, 3), 16) / 255;
  let g = parseInt(hexColorCode.substring(3, 5), 16) / 255;
  let b = parseInt(hexColorCode.substring(5, 7), 16) / 255;
  let max = Math.max(r, g, b);
  let min = Math.min(r, g, b);
  let delta = max - min;
  let h, s, l;
  if (delta === 0) {
    h = s = 0;
  } else {
    if (max === r) {
      h = ((g - b) / delta) % 6;
    } else if (max === g) {
      h = (b - r) / delta + 2;
    } else {
      h = (r - g) / delta + 4;
    }
    h = Math.round(h * 60);
    if (h < 0) {
      h += 360;
    }
    s = max === 0 ? 0 : delta / max;
  }
  l = (max + min) / 2;
  s = Math.round(s * 100);
  l = Math.round(l * 100);
  return `hsl(${h},${s}%,${l}%)`;
}

// Example usage
let hexCode = "#ffd500";
let hslCode = hexToHsl(hexCode);
console.log(hslCode); // Output: hsl(50,100%,50%)

Java

public class HexToHslConverter {
  public static String hexToHsl(String hexColorCode) {
    float r = Integer.parseInt(hexColorCode.substring(1, 3), 16) / 255.0f;
    float g = Integer.parseInt(hexColorCode.substring(3, 5), 16) / 255.0f;
    float b = Integer.parseInt(hexColorCode.substring(5, 7), 16) / 255.0f;
    float max = Math.max(r, Math.max(g, b));
    float min = Math.min(r, Math.min(g, b));
    float delta = max - min;
    float h, s, l;
    if (delta == 0) {
      h = s = 0;
    } else {
      if (max == r) {
        h = (g - b) / delta + (g < b ? 6 : 0);
      } else if (max == g) {
        h = (b - r) / delta + 2;
      } else {
        h = (r - g) / delta + 4;
      }
      h /= 6;
      s = max == 0 ? 0 : delta / max;
    }
    l = (max + min) / 2;
    h = Math.round(h * 360);
    s = Math.round(s * 100);
    l = Math.round(l * 100);
    return String.format("hsl(%d, %d%%, %d%%)", (int) h, (int) s, (int) l);
  }

  public static void main(String[] args) {
    String hexCode = "#ffd500";
    String hslCode = hexToHsl(hexCode);
    System.out.println(hslCode); // Output: hsl(50, 100%, 50%)
  }
}

PHP

function hex_to_hsl($hex_color_code) {
  $r = hexdec(substr($hex_color_code, 1, 2)) / 255;
  $g = hexdec(substr($hex_color_code, 3, 2)) / 255;
  $b = hexdec(substr($hex_color_code, 5, 2)) / 255;
  $max_value = max($r, $g, $b);
  $min_value = min($r, $g, $b);
  $delta = $max_value - $min_value;
  $h = $s = 0;
  $l = ($max_value + $min_value) / 2;
  if ($delta != 0) {
    if ($max_value == $r) {
      $h = fmod(($g - $b) / $delta, 6);
    } else if ($max_value == $g) {
      $h = ($b - $r) / $delta + 2;
    } else {
      $h = ($r - $g) / $delta + 4;
    }
    $s = $l > 0.5 ? $delta / (2 - $max_value - $min_value) : $delta / ($max_value + $min_value);
  }
  $h = round($h * 60);
  $s = round($s * 100);
  $l = round($l * 100);
  return "hsl($h, $s%, $l%)";
}

// Example usage
$hex_code = "#ffd500";
$hsl_code = hex_to_hsl($hex_code);
echo $hsl_code; // Output: hsl(50, 100%, 50%)

Fazit

Die Umwandlung von HEX-Farbcodes in HSL-Farbcodes kann eine komplexe Aufgabe sein, aber mit unserem HEX zu HSL Konverter können Sie es schnell und einfach erledigen. Dieses Tool ist kostenlos, online und hat keine Abhängigkeiten von einem System oder einer Software. Mit diesem Tool können Sie jeden HEX-Farbcode in HSL-Farbcodes umwandeln, und das mit nur wenigen Klicks. Egal, ob Sie ein Webentwickler, Grafikdesigner oder einfach nur jemand sind, der HEX-Farbcodes in HSL-Farbcodes umwandeln muss, unser HEX zu HSL Konverter ist das richtige Werkzeug für Sie.

Verwandte Werkzeuge

RGB zu HEX RGB zu HSL RGB zu CMYK RGB zu HSV HEX zu RGB HEX zu CMYK HEX zu HSV HEX zu RGBA

Häufig gestellte Fragen (FAQ)

Entdecken Sie weitere Tools

Base64 kodieren Base64 Decodieren Bild zu Base64 PNG zu Base64 JPEG zu Base64 WebP zu Base64 Konverter TIFF zu Base64 Konverter BPM in Base64 Konverter GIF zu Base64 AVIF zu Base64 APNG zu Base64 JSON zu Base64 XML zu Base64 Konverter YAML zu Base64 CSV in Base64 umwandeln TSV zu Base64 Binär zu Base64 Hexadezimal zu Base64 Oktal zu Base64 HTML zu Base64 Konverter CSS zu Base64 JavaScript zu Base64 ASCII zu Base64 Text zu Base64 Konverter für Base64 zu JSON Base64 zu XML Konverter Base64 in YAML Konverter Base64 zu CSV Base64 zu TSV Base64-zu-Binär-Konverter Base64 in Hexadezimal umwandeln Base64 zu Oktal Konverter Base64 zu HTML Konverter Base64 zu CSS Konverter Base64 zu Javascript Konverter Base64 zu Ascii Konverter Base64 in Text umwandeln URL-Kodierung URL-Decodierung JSON URL-Codierung JSON URL-Decodierung HTML-Kodierung HTML-Decodierung XML URL-Codierung XML URL-Decodierung