Color Converter
HEX, RGB, HSL 형식 간 색상을 즉시 변환.
rgb(99, 102, 241)
hsl(239, 84%, 67%)
색상 변환기는 웹 및 그래픽 디자인에서 가장 많이 사용되는 형식 간에 색상 값을 즉시 변환합니다: HEX(#rrggbb), RGB(빨강, 초록, 파랑), HSL(색조, 채도, 명도), HSB/HSV(색조, 채도, 밝기). 각 형식은 장점이 있습니다 — HEX는 간결하고 CSS에서 보편적으로 사용되며, HSL은 음영과 색조를 선택하는 데 더 직관적입니다.
지원되는 형식으로 색상 값을 입력하면 도구가 자동으로 다른 모든 형식의 동등한 값을 동시에 계산하여 표시합니다. 실시간 색상 미리보기로 결과를 시각적으로 확인할 수 있습니다.
이 도구는 Figma, Photoshop, 코드 간에 색상을 전달하는 디자이너와 스타일시트 전체의 색상 일관성을 보장하는 개발자에게 유용합니다. 모든 변환은 브라우저에서 이루어집니다.
자주 묻는 질문
코드 구현
import colorsys
# HEX → RGB
def hex_to_rgb(hex_color: str) -> tuple[int, int, int]:
hex_color = hex_color.lstrip("#")
r, g, b = (int(hex_color[i:i+2], 16) for i in (0, 2, 4))
return r, g, b
# RGB → HEX
def rgb_to_hex(r: int, g: int, b: int) -> str:
return f"#{r:02X}{g:02X}{b:02X}"
# RGB → HSL (uses colorsys, which returns 0–1 floats)
def rgb_to_hsl(r: int, g: int, b: int) -> tuple[float, float, float]:
h, l, s = colorsys.rgb_to_hls(r / 255, g / 255, b / 255)
return round(h * 360, 1), round(s * 100, 1), round(l * 100, 1)
# Example
r, g, b = hex_to_rgb("#3B82F6")
print(f"RGB: {r}, {g}, {b}") # RGB: 59, 130, 246
print(rgb_to_hex(r, g, b)) # #3B82F6
h, s, l = rgb_to_hsl(r, g, b)
print(f"hsl({h}, {s}%, {l}%)") # hsl(217.0, 91.2%, 59.8%)Comments & Feedback
Comments are powered by Giscus. Sign in with GitHub to leave a comment.