모든 도구Multilities
색상 변환기
HEX, RGB, HSL 간 변환
미리보기
#0ea5e9rgb(14, 165, 233)hsl(199, 89%, 48%)[#0EA5E9]RGB 편집
HSL 편집
작동 방식
색상 변환기 — HEX, RGB, HSL 간 변환. 모든 처리가 브라우저에서 이루어집니다 — 업로드, 가입, 이메일 불필요. 영원히 무료.
마지막 업데이트:
색상 변환기 소개
색상 변환기는 HEX, RGB, HSL 사이를 즉시 변환해 주는 도구입니다. 디자인 시안 색상을 CSS 변수로 옮기거나, 브랜드 가이드의 색상값을 다른 표기법으로 변환할 때 자주 사용됩니다.
프론트엔드 개발자, UI 디자이너, 일러스트레이터가 매일 사용하며 색상 미리보기와 함께 정확한 값을 즉시 확인할 수 있습니다. 모든 계산은 브라우저에서 처리됩니다.
자주 묻는 질문
어떤 색 공간을 지원하나요?
HEX, RGB, HSL. 클래스 이름에 바로 붙일 수 있는 'Tailwind arbitrary value' 형식도 생성합니다.
팔레트를 저장할 수 있나요?
아직 안 됩니다. 당분간은 복사 버튼으로 각 값을 클립보드에 보내세요. 팔레트 저장은 로드맵에 있습니다.
알파 채널이 처리되나요?
현재는 아닙니다. 불투명 색상에 집중하고 있으며 HEX-A와 RGBA 지원은 계획 중입니다.
투명도(알파 값)도 지원되나요?
네. RGBA와 HSLA, HEX 8자리 표기를 지원합니다.
왜 변환 결과가 1~2 단위 차이가 나나요?
색공간 간의 반올림 차이 때문입니다. 시각적 차이는 거의 없습니다.
이름으로 된 색상도 입력 가능한가요?
네. red, navy, gold 등 CSS 표준 색상 이름을 인식합니다.