HEX zu HSV

HEX Eingabe
Beispiel
HSV Ausgabe

HEX zu HSV Konverter: Ein kostenloses und zuverlässiges Online-Tool

Wenn Sie nach einem kostenlosen und effizienten Tool suchen, um HEX-Farbcodes in ihre entsprechenden HSV-Farbcodes umzuwandeln, sind Sie hier genau richtig. Unser HEX zu HSV Konverter ist ein Online-Tool, das genaue Farbumwandlung für Ihre Webdesign-Bedürfnisse bietet.

Zweck und Szenario

Als Webdesigner müssen Sie die Konsistenz im Farbschema Ihrer Website auf verschiedenen Plattformen aufrechterhalten. Während HEX-Farbcodes häufig in Webdesign verwendet werden, ist die Umwandlung in HSV-Farbcodes für bestimmte Funktionen erforderlich. Unser HEX zu HSV Konverter ist ein nützliches Tool für Webentwickler, die ihre HEX-Farbcodes in HSV-Farbcodes umwandeln müssen.

Vorteile und Vorteile

Unser HEX zu HSV Konverter hat mehrere Vorteile und Vorteile, die ihn zu einem wertvollen Werkzeug für Webentwickler machen:

  • Online und kostenlos: Unser Tool ist zu 100% online und kostenlos, und Sie müssen keine Software herunterladen oder Abhängigkeiten installieren, um es zu verwenden.
  • Benutzerfreundliche Oberfläche: Unser Tool verfügt über eine intuitive und benutzerfreundliche Oberfläche, auf der Sie Ihre HEX-Farbcodes einfach eingeben oder einfügen, konvertieren und Farben kopieren oder Beispiele verwenden können.
  • Datensicherheit: Unser Tool wird lokal auf Ihrem Computer ausgeführt, um sicherzustellen, dass Ihre Daten geschützt sind.

Kernalgorithmus/-logik

Der Kernalgorithmus oder die Kernlogik zur Umwandlung von HEX in HSV basiert auf dem RGB-Farbmodell. Das RGB-Farbmodell kombiniert Rot, Grün und Blau, um eine Vielzahl von Farben zu erzeugen. Um RGB in HSV umzuwandeln, müssen wir zuerst RGB in HSL (Farbton, Sättigung, Helligkeit) umwandeln und dann HSL in HSV umwandeln. Die Formel zur Umwandlung lautet wie folgt:

r = R/255
g = G/255
b = B/255

cmax = max(r, g, b)
cmin = min(r, g, b)
delta = cmax - cmin

if delta == 0:
h = 0
elif cmax == r:
h = ((g - b) / delta) % 6
elif cmax == g:
h = ((b - r) / delta) + 2
else:
h = ((r - g) / delta) + 4

h = round(h \* 60)

if h < 0:
h += 360

s = round(delta / cmax _ 100)
v = round(cmax _ 100)

return "hsv({}, {}%, {}%)".format(h, s, v)

Wie man das Tool verwendet

Die Verwendung unseres HEX-zu-HSV-Konverters ist einfach. Befolgen Sie diese einfachen Schritte:

  1. Geben Sie Ihren HEX-Farbcode in das bereitgestellte Eingabefeld ein oder fügen Sie ihn ein, wie folgt: #ffd500.
  2. Klicken Sie auf die Schaltfläche "Konvertieren", um Ihren HEX-Farbcode in den entsprechenden HSV-Farbcode umzuwandeln.
  3. Sie können den HSV-Farbcode dann kopieren oder auf die Schaltfläche "Kopieren" klicken, um ihn in die Zwischenablage zu kopieren.

Beispiele in Python, C, JavaScript, Java und PHP

Wenn Sie ein Entwickler sind, können Sie unseren HEX-zu-HSV-Konverter in Ihrer Anwendung verwenden, indem Sie den folgenden Code in einer der genannten Programmiersprachen einbinden:

Python

def hex_to_hsv(hex):
    r, g, b = tuple(int(hex[i:i+2], 16) for i in (0, 2, 4))
    r, g, b = r / 255.0, g / 255.0, b / 255.0
    cmax, cmin = max(r, g, b), min(r, g, b)
    delta = cmax - cmin
    if delta == 0:
        hue = 0
    elif cmax == r:
        hue = ((g - b) / delta) % 6
    elif cmax == g:
        hue = ((b - r) / delta) + 2
    else:
        hue = ((r - g) / delta) + 4
    hue = round(hue * 60)
    if hue < 0:
        hue += 360
    saturation = round(delta / cmax * 100)
    value = round(cmax * 100)
    return "hsv({}, {}%, {}%)".format(hue, saturation, value)

hex_code = "#ffd500"
hsv_code = hex_to_hsv(hex_code)
print("HSV:", hsv_code)

C

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

void hex_to_hsv(char *hex) {
    int r = strtol(hex, NULL, 16) >> 16;
    int g = strtol(hex, NULL, 16) >> 8 & 0xFF;
    int b = strtol(hex, NULL, 16) & 0xFF;
    float r_f = r / 255.0;
    float g_f = g / 255.0;
    float b_f = b / 255.0;
    float cmax = fmax(r_f, fmax(g_f, b_f));
    float cmin = fmin(r_f, fmin(g_f, b_f));
    float delta = cmax - cmin;
    float hue;
    if (delta == 0) {
        hue = 0;
    } else if (cmax == r_f) {
        hue = fmod((g_f - b_f) / delta, 6);
    } else if (cmax == g_f) {
        hue = ((b_f - r_f) / delta) + 2;
    } else {
        hue = ((r_f - g_f) / delta) + 4;
    }
    hue = round(hue * 60);
    if (hue < 0) {
        hue += 360;
    }
    int saturation = round(delta / cmax * 100);
    int value = round(cmax * 100);
    printf("HSV: %d, %d%%, %d%%", (int)hue, saturation, value);
}

int main() {
    char hex[] = "ffd500";
    hex_to_hsv(hex);
    return 0;
}

JavaScript

function hex_to_hsv(hex) {
  var r = parseInt(hex.substring(0, 2), 16) / 255;
  var g = parseInt(hex.substring(2, 4), 16) / 255;
  var b = parseInt(hex.substring(4, 6), 16) / 255;
  var cmax = Math.max(r, g, b);
  var cmin = Math.min(r, g, b);
  var delta = cmax - cmin;
  var hue;
  if (delta === 0) {
    hue = 0;
  } else if (cmax === r) {
    hue = ((g - b) / delta) % 6;
  } else if (cmax === g) {
    hue = (b - r) / delta + 2;
  } else {
    hue = (r - g) / delta + 4;
  }
  hue = Math.round(hue * 60);
  if (hue < 0) {
    hue += 360;
  }
  var saturation = Math.round((delta / cmax) * 100);
  var value = Math.round(cmax * 100);
  return "hsv(" + hue + ", " + saturation + "%, " + value + "%)";
}

var hex_code = "ffd500";
var hsv_code = hex_to_hsv(hex_code);
console.log("HSV:", hsv_code);

Java

public static String hexToHsv(String hex) {
    int r = Integer.valueOf(hex.substring(0, 2), 16);
    int g = Integer.valueOf(hex.substring(2, 4), 16);
    int b = Integer.valueOf(hex.substring(4, 6), 16);
    float r_f = r / 255f;
    float g_f = g / 255f;
    float b_f = b / 255f;
    float cmax = Math.max(r_f, Math.max(g_f, b_f));
    float cmin = Math.min(r_f, Math.min(g_f, b_f));
    float delta = cmax - cmin;
    float hue;
    if (delta == 0) {
        hue = 0;
    } else if (cmax == r_f) {
        hue = ((g_f - b_f) / delta) % 6;
    } else if (cmax == g_f) {
        hue = ((b_f - r_f) / delta) + 2;
    } else {
        hue = ((r_f - g_f) / delta) + 4;
    }
    hue = Math.round(hue * 60);
    if (hue < 0) {
        hue += 360;
    }
    int saturation = Math.round(delta / cmax * 100);
    int value = Math.round(cmax * 100);
    return "hsv(" + hue + ", " + saturation + "%, " + value + "%)";
}

String hexCode = "ffd500";
String hsvCode = hexToHsv(hexCode);
System.out.println("HSV: " + hsvCode);

PHP

function hex_to_hsv($hex) {
    $r = hexdec(substr($hex, 0, 2)) / 255;
    $g = hexdec(substr($hex, 2, 2)) / 255;
    $b = hexdec(substr($hex, 4, 2)) / 255;
    $cmax = max($r, $g, $b);
    $cmin = min($r, $g, $b);
    $delta = $cmax - $cmin;
    if ($delta == 0) {
        $hue = 0;
    } else if ($cmax == $r) {
        $hue = fmod(($g - $b) / $delta, 6);
    } else if ($cmax == $g) {
        $hue = (($b - $r) / $delta) + 2;
    } else {
        $hue = (($r - $g) / $delta) + 4;
    }
    $hue = round($hue * 60);
    if ($hue < 0) {
        $hue += 360;
    }
    $saturation = round($delta / $cmax * 100);
    $value = round($cmax * 100);
    return "hsv(" . $hue . ", " . $saturation . "%, " . $value . "%)";
}

$hex_code = "ffd500";
$hsv_code = hex_to_hsv($hex_code);
echo "HSV: " . $hsv_code;

Fazit

Unser HEX-zu-HSV-Konverter ist ein zuverlässiges Tool, mit dem Sie Ihre HEX-Farbcodes in entsprechende HSV-Farbcodes umwandeln können. Mit seiner intuitiven Benutzeroberfläche und präzisen Farbumwandlung ist unser Tool perfekt für Webentwickler und Designer, die eine einheitliche Farbgestaltung auf verschiedenen Plattformen beibehalten möchten. Also, worauf warten Sie noch? Probieren Sie es jetzt aus und erleben Sie die Vorteile selbst!

Häufig gestellte Fragen (FAQ)

Entdecken Sie weitere Tools