HEX에서 HSL로 변환
HEX에서 HSL로 변환기: HEX를 HSL 색상 코드로 쉽고 빠르게 변환하세요
HEX 색상 코드를 HSL로 변환하는 방법을 찾고 있다면, 올바른 장소에 있습니다. HEX에서 HSL로 변환기는 시스템이나 소프트웨어에 어떠한 종속성도 없이 HEX 색상 코드를 HSL 색상 코드로 쉽고 빠르게 변환할 수 있는 온라인 무료 도구입니다. 이 변환기를 사용하면 몇 번의 클릭만으로 HEX 색상 코드를 HSL 색상 코드로 쉽게 변환할 수 있습니다.
도구의 특징
- 무료이며 온라인 도구입니다.
- 시스템이나 소프트웨어에 종속성이 없습니다.
- 지울 수 있습니다.
- 복사할 수 있습니다.
- 샘플이 있습니다.
- 데이터 보안, 로컬 컴퓨팅
HEX에서 HSL로 변환기를 사용하는 방법
HEX 색상 코드를 HSL 색상 코드로 변환하는 것은 HEX에서 HSL로 변환기를 사용하면 쉽습니다. 도구를 사용하는 방법은 다음과 같습니다:
- 입력 필드에 HEX 색상 코드를 입력하거나 붙여넣으세요. 예를 들어, #ffd500.
- "변환" 버튼을 클릭하세요.
- 변환된 HSL 색상 코드가 출력 필드에 나타납니다. 예를 들어, hsl(50,100,50).
- 또한 각각의 버튼을 사용하여 입력 필드를 지울 수 있거나 변환된 HSL 색상 코드를 클립 보드에 복사할 수 있습니다.
핵심 알고리즘
HEX에서 HSL로 변환기는 HEX 색상 코드를 HSL 색상 코드로 변환하기 위해 간단한 알고리즘을 사용합니다. 도구가 사용하는 공식은 다음과 같습니다:
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})`;프로그래밍 언어에서의 예시
다음은 다양한 프로그래밍 언어에서 HEX에서 HSL로 변환기를 사용하는 예시입니다:
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%)결론
HEX 컬러 코드를 HSL 컬러 코드로 변환하는 것은 복잡한 작업일 수 있지만, 저희의 HEX to HSL 변환기를 사용하면 쉽고 빠르게 할 수 있습니다. 이 도구는 무료이며 온라인에서 사용할 수 있으며 어떤 시스템이나 소프트웨어에도 의존하지 않습니다. 이 도구를 사용하면 몇 번의 클릭만으로 어떤 HEX 컬러 코드든 HSL 컬러 코드로 변환할 수 있습니다. 웹 개발자, 그래픽 디자이너, 또는 HEX 컬러 코드를 HSL 컬러 코드로 변환해야 하는 모든 사람에게 저희의 HEX to HSL 변환기가 필요한 도구입니다.
관련 도구
자주 묻는 질문 (FAQ)
HEX를 HSL로 변환하는 것은 무엇인가요?
HEX를 HSL로 변환하는 장점은 무엇인가요?
HEX와 HSL 색상의 차이점은 무엇인가요?
HEX에서 HSL을 어떻게 계산하나요?
디자이너에게 HSL은 왜 유용한가요?
온라인 HEX에서 HSL로 변환하는 도구의 몇 가지 사용 예는 무엇인가요?
온라인 HEX에서 HSL로 변환하는 도구는 어떻게 작동하나요?
HSL이 HEX 또는 RGB보다 좋은 이유는 무엇인가요?
모바일 브라우저에서 이 도구를 사용할 수 있나요?
왜 이 HEX에서 HSL로 변환하는 도구를 선택해야 하나요?
더 많은 도구 만나보기
Base64 인코딩Base64 디코딩이미지를 Base64로 변환PNG를 Base64로 변환JPEG를 Base64로 변환WebP를 Base64로 변환하는 도구TIFF를 Base64로 변환하는 도구BPM를 Base64로 변환하는 도구GIF를 Base64로 변환하기AVIF를 Base64로 변환APNG을 Base64로 변환JSON을 Base64로 변환XML을 Base64로 변환하는 도구YAML을 Base64로CSV를 Base64로 변환TSV를 Base64로 변환바이너리를 Base64로 변환16진수를 Base64로 변환하기8진수를 Base64로 변환하기HTML을 Base64로 변환하는 도구CSS를 Base64로 변환JavaScript를 Base64로 변환ASCII를 Base64로 변환텍스트를 Base64로Base64를 JSON으로 변환하는 도구Base64를 XML로 변환하는 도구Base64를 YAML로 변환하는 도구Base64를 CSV로 변환Base64를 TSV로 변환하기Base64를 이진 변환기Base64를 16진수로 변환Base64를 Octal로 변환하는 도구Base64를 HTML로 변환하는 도구Base64를 CSS로 변환하는 도구Base64를 JavaScript로 변환하는 도구Base64를 Ascii로 변환하는 도구Base64를 텍스트로 변환URL 인코딩URL 디코딩JSON URL 인코딩JSON URL 디코딩HTML 인코딩HTML 디코딩XML URL 인코딩XML URL 디코딩