HEX → OKLab 변환기: 실시간 색상 변환 도구
HEX → OKLab은 16진수 색상을 OKLab으로 변환하고 편집하면서 양쪽을 동기화합니다. #abc, rgb(1 2 3 / 50%), 색상 이름 같은 일반적인 색상 입력도 받습니다. 스워치를 보고, 바로 붙여넣을 수 있는 CSS 한 줄을 복사하며, 색상이 sRGB를 벗어나면 색역 초과 경고를 확인하세요.
HEX → OKLab 변환기는 16진수 색상을 OKLab 값으로 바꾸며, 어느 한쪽에서 작업할 수 있도록 실시간 양방향 편집을 지원합니다. 색상 스워치와 바로 붙여넣을 수 있는 CSS 한 줄도 보여줍니다. 파서는 #abc, rgb(1 2 3 / 50%), 색상 이름을 포함한 일반적인 색상 입력을 받으므로, 값을 여러 표기법으로 확인해야 할 때 유용합니다.
색상을 입력하면 입력하면서 대응 값이 업데이트되는 것을 보세요. HEX나 OKLab 어느 쪽을 편집하든 다른 쪽이 업데이트되므로, 형식 사이에서 값을 반복 복사하지 않고 색상을 살펴볼 수 있습니다. 색상이 sRGB를 벗어나면 도구도 경고합니다. 결과를 검토하는 데 스워치와 경고를 활용하세요.
HEX는 16진수 표기법으로 색상을 표현하고, OKLab은 CSS에서 사용할 수 있는 다른 색상 표현입니다. 이들을 변환하면 시스템이나 스니펫이 OKLab을 요구할 때, 또는 OKLab 값을 16진수 원본과 비교하고 싶을 때 도움이 됩니다. 복사 가능한 CSS 한 줄로 결과를 코드나 문서로 옮기기 쉽습니다.
이 무료 변환기는 브라우저에서 실행됩니다. 입력은 사용자의 기기에서 처리되며, 어떤 데이터도 업로드되거나 저장되거나 서버로 전송되지 않고, 가입이 필요 없습니다. 페이지가 로드된 후에는 변환에 서버 의존성이 없어 오프라인으로 동작합니다.
이 도구는 색상 값을 확인하거나, 코드 스니펫을 준비하거나, 공유하기 전에 변환을 검토하는 개발자와 DevOps 엔지니어에게 유용합니다. 원본 색상을 비교용으로 보면서 HEX와 OKLab 사이를 오가야 하는 모든 사람에게도 도움이 됩니다.
1단계: 16진수 색상이나 #abc, rgb(1 2 3 / 50%), 색상 이름 같은 다른 지원 색상 값을 입력하세요.
2단계: 입력하면서 업데이트되는 OKLab 결과를 검토하세요. OKLab 값을 편집하면 HEX 쪽이 실시간으로 업데이트되는 것도 볼 수 있습니다.
3단계: 색상 스워치를 확인하고, 색상이 sRGB를 벗어나면 색역 초과 경고를 찾으세요.
4단계: 바로 붙여넣을 수 있는 CSS 한 줄을 복사해 코드나 문서에 사용하세요.
사용 사례: OKLab 값을 받는 시스템이나 워크플로용으로 16진수 색상을 변환하세요.
사용 사례: 어느 한쪽을 편집하고 실시간 결과를 비교해 OKLab 값이 16진수 원본과 일치하는지 확인하세요.
사용 사례: 문서, 티켓, 커밋 메시지용 16진수 색상과 OKLab 값을 준비하세요.
사용 사례: 결과를 코드에 붙여넣기 전에 색상 변환을 간단히 검증하세요.
사용 사례: 스타일시트 작업 중 색상 스워치와 CSS 표현을 검토하세요.
사용 사례: 변환기의 색역 초과 경고로 색상이 sRGB를 벗어나는지 확인하세요.