색상 변환

디자인 시안의 색상 코드를 HEX·RGB·HSL·HSV 형태로 즉시 변환하고, Tailwind/CSS 변수 스니펫까지 복사할 수 있습니다.

컬러 피커

프리셋 팔레트

HEX

RGB

R · 0–255 G · 0–255 B · 0–255

HSL

H · 0–360 S · % L · %

HSV

CSS 변수

HEX 는 대소문자 무관하며 `#` 생략도 허용됩니다. 3자리 단축형(예 `#F0A`)도 자동 확장합니다.

사용방법

색상 변환 (HEX/RGB/HSL/HSV) 사용 흐름

이 도구의 입력, 실행, 결과 확인 흐름을 기준으로 사용하면 더 안정적으로 작업할 수 있습니다.

01 원본 값을 붙여넣습니다

색상 변환 (HEX/RGB/HSL/HSV)에서 변환할 텍스트, 숫자, 색상, 데이터 값을 입력합니다.

02 변환 방향을 선택합니다

입력 포맷과 출력 포맷을 확인하고 필요한 옵션을 조정합니다.

03 출력값을 검증합니다

변환 결과를 복사하기 전 자리수, 단위, 인코딩 상태를 다시 확인합니다.