HEX RGB HSL 색상 변환기

HEX, RGB 및 HSL 형식 사이의 CSS 색상 값을 라이브 프리뷰와 복사 준비 출력으로 변환합니다.

모든 것이 브라우저에서 로컬로 진행됩니다.

CSS 값

붙여넣은 색상을 스타일시트, 구성 요소 및 디자인 토큰을 위한 복사 준비된 CSS 값으로 변환합니다.

디자인 핸드오프

디자인 앱을 열지 않고 HEX 사양, 스크린샷의 RGB 값 및 HSL 조정 사이를 이동합니다.

비공개 로컬 처리

변환기는 브라우저 고유 JavaScript만 사용합니다. 업로드 엔드포인트나 서버 측 변환이 포함되지 않습니다.

자주 묻는 질문

내 색상 값이 업로드되었습니까?

아니요. HEX, RGB 및 HSL 변환은 브라우저에서 JavaScript를 사용하여 실행됩니다. 입력하는 색상 값은 Convertr 서버로 전송되지 않습니다.

HEX 형식은 어떤 형식을 지원합니까?

이 변환기는 #0fa와 #00ffaa와 같은 3자리 및 6자리 HEX 색상을 지원합니다.

CSS rgb() 및 hsl() 값을 붙일 수 있습니까?

예. rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) 또는 142 71% 45%와 같은 값을 붙여넣을 수 있습니다.

HSL은 무엇에 유용합니까?

HSL은 색상, 채도, 명도를 분리하여 색상 계열, 호버 상태 및 디자인 토큰을 조정할 때 실용적입니다.