콘텐츠로 건너뛰기
디자인 및 색상

색상 변환기(HEX, RGB, HSL, HSV)

모든 색상 값을 코드에 필요한 형식으로 변환하세요.

브라우저에서 실행됩니다.100% 비공개업로드 없음
도구를 불러오는 중…

이 도구를 공유하세요

필요하신 분에게 보내주세요.

Xfin
전체 가이드 읽기

색상 변환기 정보

hex 코드, rgb() 값 또는 hsl() 값을 붙여넣고 모든 공통 표현과 미리보기 견본 및 가장 가까운 이름의 CSS 색상을 가져옵니다. 디자인 도구와 스타일시트의 형식이 일치하지 않을 때 유용합니다.

사용방법

  1. 1색상을 입력하세요HEX, RGB, HSL 또는 HSV를 입력하거나 붙여넣으세요. 파서는 단축형 16진수 및 백분율 값을 허용합니다.
  2. 2모든 형식 읽기이 도구는 hex, rgb(), rgba(), hsl(), hsla(), hsv 및 상대 휘도를 표시합니다.
  3. 3필요한 값을 복사하세요.각 형식에는 고유한 복사 버튼이 있으므로 직접 다시 형식화할 필요가 없습니다.

왜 이 색상 변환기을 사용합니까?

  • 기기에서 아무것도 남지 않습니다.. 작업은 브라우저 탭에서 이루어집니다. 이 앱에는 업로드 엔드포인트가 없으므로 귀하의 파일과 텍스트는 저장, 기록 또는 볼 수 없습니다.
  • 업로드가 없습니다.. 서버 왕복을 완전히 건너뜁니다. 결과는 네트워크 속도나 대기열 크기가 아닌 자체 CPU에 따라 제한됩니다.
  • 무료, 계정 없음, 할당량 없음. 가입 장벽도 없고, 워터마크도 없고, 일일 한도도 없습니다. 선택적 계정은 여러 장치에 걸쳐 즐겨찾기와 사전 설정을 저장하기 위해서만 존재합니다.

자주 묻는 질문

내 색상 값을 여기서 사용해도 안전한가요?

예. 이 도구는 JavaScript를 사용하여 브라우저에서 완전히 실행됩니다. 붙여넣거나 연 내용은 서버로 전송되지 않으며, 페이지를 닫은 후에도 페이지에는 사본이 보관되지 않습니다.

계정을 만들어야 하나요?

아니요. 로그인하지 않고도 모든 도구를 완전히 사용할 수 있습니다. 계정은 저장된 즐겨찾기와 재사용 가능한 사전 설정만 추가합니다.

전화에서 작동합니까?

예. 인터페이스는 큰 터치 대상과 스택형 레이아웃을 갖춘 모바일 우선이므로 데스크톱은 물론 휴대폰, 태블릿에서도 작동합니다.

HSL과 HSV의 차이점은 무엇입니까?

둘 다 채도와 밝기/값으로 색상을 설명하지만 서로 다른 색상 단색으로 매핑됩니다. CSS는 HSL을 사용합니다. HSV는 선택기 및 그래픽 소프트웨어에서 일반적입니다.

hex은 투명성을 지원합니까?

예, 8자리 hex(#RRGGBBAA)입니다. 여기서 마지막 쌍은 알파 채널입니다. 이전 브라우저를 지원하려면 rgba()를 대신 사용하세요.

도구 상자의 같은 모서리에서 더 많은 무료 유틸리티를 얻을 수 있습니다.