TOOLGRID
76 TOOLS
CSS & 색상

색상 변환기

Hex, RGB, HSL, OKLCH 간에 색상을 변환하며 실시간 스워치와 색상 슬라이더를 제공합니다.

Your data stays on your deviceNo upload, no serverWorks offline

Hex

#1a7a3d

RGB

rgb(26, 122, 61)

HSL

hsl(142, 65%, 29%)

OKLCH

oklch(51.1% 0.1277 150.5)

이 도구를 사용하는 이유

03

Hex, RGB, HSL, OKLCH 형식 간에 완전한 D65 색상 수학으로 색상을 파싱하고 변환합니다.

색상 변환기는 입력 형식을 자동으로 감지하여 Hex, RGB, HSL, OKLCH를 동시에 변환합니다.

색상 슬라이더를 사용해 명도와 채도를 유지하면서 색상을 탐색할 수 있습니다.

사용 방법

03
01임의의 색상 값을 붙여 넣습니다: #hex, rgb(), rgba(), hsl(), hsla(), oklch().
02필요한 형식으로 출력을 복사합니다.
03색상 슬라이더를 드래그하여 관련 색상을 탐색합니다.

복사 전 빠른 확인

03

Confirm the input is the format you intended.

Scan the result before using it in a document, URL, config, or message.

Copy only the output you need.

자주 묻는 질문

03
지원되는 형식은 무엇입니까?

Hex(#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(), oklch()를 지원합니다.

OKLCH란 무엇입니까?

OKLCH는 밝기(lightness), 채도(chroma), 색상(hue)으로 정의되는 지각적으로 균일한 색상 모델입니다. 최신 CSS에서 널리 지원됩니다.

색상 슬라이더가 입력값을 변경합니까?

아니요. OKLCH 공간에서 색상 채널만 회전시키며 밝기와 채도는 일정하게 유지됩니다.

관련 도구

02