실시간 미리보기
값을 편집하면서 보이는 색상을 확인하세요.
색상 변환기
실시간 미리보기를 통해 HEX, RGB, HSL 간 색상을 변환하세요.
HEX, RGB 또는 HSL 색상
기본적으로 비공개귀하의 입력과 파일은 이 장치에서 처리됩니다.
무료 및 즉시계정, 대기열 또는 소프트웨어 설치가 필요하지 않습니다.
사용 준비 완료결과가 생성되는 즉시 복사하거나 다운로드하세요.
사용방법 색상 변환기
간단한 3단계를 통해 신뢰할 수 있는 결과를 얻으세요.
색상을 입력하거나 선택하세요.
HEX, RGB, HSL 또는 시각적 색상 선택기를 사용하세요.
모든 형식을 검토하세요
동등한 HEX, RGB 및 HSL 값이 함께 업데이트됩니다.
필요한 것을 복사하세요
스타일시트나 디자인 파일에 복사하려면 출력 행을 클릭하세요.
일상적인 작업을 위해 제작됨
바쁜 일 없이 유용함
집중된 제어, 즉각적인 피드백, 귀하와 결과 사이에 어떠한 설명도 필요하지 않습니다.
일반적인 CSS 형식
브라우저와 디자인 도구에서 사용되는 형식 사이를 깔끔하게 이동하세요.
원클릭 복사
정규화된 각 결과를 붙여넣을 준비가 되었습니다.
실용 가이드
무엇입니까? 색상 변환기?
색상 변환기는 서로 다른 표기법으로 동일한 가시 색상을 표현합니다. HEX는 디자인 핸드오프에서 일반적이고 RGB는 화면 색상 채널을 미러링하며 HSL은 색상, 채도 및 밝기를 설명합니다.
표기를 변경해도 의도한 색상은 변경되지 않습니다. 읽기 쉬운 출력을 위해 백분율 기반 값을 반올림하면 작은 차이가 발생할 수 있습니다.
실제 응용
이 도구를 사용하는 경우
일반적인 방법 색상 변환기 실제 프로젝트와 일상 업무에 적합합니다.
CSS 작성
디자인 HEX 값을 RGB 또는 HSL 선언으로 변환합니다.
디자인 시스템
혼합 색상 형식으로 수신된 토큰을 정규화합니다.
테마 튜닝
밝기나 채도를 체계적으로 조정하려면 HSL을 사용하세요.
품질 보증
다르게 쓰여진 두 값이 동일한 색상을 나타내는지 확인합니다.
유용한 답변
자주 묻는 질문
에 대한 빠른 답변 색상 변환기 이 페이지의 작동 방식을 알아보세요.
HEX를 RGB로 변환하면 색상이 변경됩니까?
아니요. 두 표기법 모두 동일한 빨간색, 녹색 및 파란색 채널 값을 설명합니다.
HSL은 어디에 유용합니까?
HSL을 사용하면 색조, 색상 강도 및 밝기를 더 쉽게 독립적으로 조정할 수 있습니다.
알파 값이 지원됩니까?
현재 변환기는 불투명한 HEX, RGB 및 HSL 색상에 중점을 둡니다.
일부 HSL 값이 반올림되는 이유는 무엇입니까?
읽기 쉬운 CSS 출력을 위해 백분율과 색조 값은 반올림됩니다.