HEX → LAB 변환기: 브라우저 색상 변환 도구
HEX → LAB은 색상을 16진수와 L*a*b* 사이에서 실시간으로 변환하며, 어느 한쪽이든 편집할 수 있습니다. #abc 같은 짧은 HEX, rgb(1 2 3 / 50%) 같은 RGB 표기법, 색상 이름을 받습니다. 색상 스워치를 보고, 바로 붙여넣을 수 있는 CSS 한 줄을 복사하며, 색상이 sRGB를 벗어나면 색역 초과 경고를 확인하세요.
HEX → LAB은 16진수 색상을 L*a*b* 값으로 바꾸는 브라우저 기반 색상 변환기입니다. 실시간 양방향 편집도 지원하므로 어느 한쪽을 바꿔 다른 쪽이 업데이트되는 것을 볼 수 있습니다. 색상 스워치, 바로 붙여넣을 수 있는 CSS 한 줄, 색역 초과 경고로 작업하면서 결과를 검토하기 쉽습니다.
색상을 입력해 변환을 확인하세요. 도구는 HEX → LAB이라 불리지만 파서는 유연합니다. #abc 같은 짧은 HEX, rgb(1 2 3 / 50%) 같은 RGB 표기법, 색상 이름을 받습니다. 어느 필드를 편집하든 변환이 업데이트되고, 색상이 sRGB를 벗어나면 도구가 경고합니다. 표시된 L*a*b* 결과를 사용하거나 CSS 한 줄을 복사할 수 있습니다.
HEX와 LAB는 색상을 서로 다르게 표현합니다. HEX는 색상을 지정하는 간결한 표기법이고, L*a*b*는 명도와 두 개의 색대립 차원으로 색상을 표현합니다. 이들을 변환하면 색상을 다른 표현을 기대하는 시스템으로 옮기거나, 받은 값을 확인하거나, 코드와 문서용 색상 세부 정보를 준비할 때 유용합니다.
HEX → LAB은 브라우저에서 완전히 실행됩니다. 입력은 사용자의 기기에서 처리되며, 어떤 것도 업로드되거나 저장되거나 서버로 전송되지 않습니다. 페이지가 로드된 후에는 변환이 오프라인으로 동작하며, 가입이 필요 없습니다. 도구는 무료로 사용할 수 있습니다.
이 변환기는 형식 사이에서 색상 값을 살펴보거나 옮겨야 하는 개발자, DevOps 엔지니어, 모든 사람에게 도움이 됩니다. 코드에 값을 추가하기 전에 변환을 확인하거나, 티켓에서 색상을 공유하거나, 결과를 다시 입력하지 않고 HEX와 LAB 표현을 비교하는 데 사용하세요.
1단계: HEX 필드에 색상을 입력하세요. 파서는 #abc 같은 짧은 HEX, rgb(1 2 3 / 50%) 같은 RGB 표기법, 색상 이름도 받습니다.
2단계: 실시간 L*a*b* 결과를 검토하세요. 어느 색상 필드를 편집하든 도구가 다른 쪽을 업데이트합니다.
3단계: 스워치로 현재 입력과 결과가 나타내는 색상을 확인하세요.
4단계: 색상이 sRGB를 벗어나면 색역 초과 경고를 찾으세요.
5단계: L*a*b* 값이나 바로 붙여넣을 수 있는 CSS 한 줄을 복사해 코드나 메모에 사용하세요.
사용 사례: 16진수 색상을 L*a*b*만 받는 시스템으로 옮기세요. 실시간 변환으로 결과를 다음 도구에 복사하기 쉽습니다.
사용 사례: 받은 L*a*b* 값이 16진수 원본과 일치하는지 확인하세요. 어느 한쪽을 편집하고 업데이트된 색상과 스워치를 비교하세요.
사용 사례: 문서, 티켓, 커밋 메시지용 16진수 색상 스니펫을 준비하세요. 코드에 쓰기 좋은 값이 필요할 때는 바로 붙여넣을 수 있는 CSS 한 줄을 복사하세요.
사용 사례: 결과를 코드에 붙여넣기 전에 색상 변환을 간단히 검증하세요. 스워치와 색역 초과 경고가 표시된 색상을 검토하는 데 도움이 됩니다.
사용 사례: 디자인이나 구현을 논의하면서 HEX와 LAB로 색상을 비교하세요. 두 값이 실시간으로 업데이트되는 것을 보면 두 표현을 일치시키기 쉽습니다.
사용 사례: HEX와 LAB 표현을 살펴봐야 할 때 RGB 표기법이나 색상 이름으로 쓰인 색상을 입력으로 사용하세요.