OKLCH → OKLab 변환기 – 실시간 색상 변환 도구
OKLCH를 OKLab으로 온라인 변환하고, 어느 한쪽 색상 값을 편집하면 결과가 즉시 업데이트됩니다. 변환기는 #abc, rgb(1 2 3 / 50%), 색상 이름 같은 입력을 받습니다. 색상 스워치, 바로 붙여넣을 수 있는 CSS 한 줄도 표시하고, 색상이 sRGB 색역을 벗어나면 경고를 보여 줍니다.
OKLCH → OKLab 변환기는 OKLCH 색상을 OKLab 표현으로 바꾸고 작업하면서 결과를 업데이트합니다. 어느 한쪽을 편집하고, 색상 스워치를 보고, 바로 붙여넣을 수 있는 CSS 한 줄을 복사할 수 있습니다. OKLCH를 OKLab으로 온라인 변환해야 한다면, #abc, rgb(1 2 3 / 50%), 색상 이름 같은 익숙한 색상 입력도 받습니다.
OKLCH는 명도, 채도, 색상으로 색상을 기술하고, OKLab은 명도와 두 색상 대립 축으로 색상을 표현합니다. 변환기는 실시간 양방향 편집으로 이 두 표현 사이를 오갈 수 있게 해 줍니다. 색상이 sRGB 색역을 벗어나면 경고도 표시합니다. 도구에 있는 옵션은 필요에 따라 조정할 수 있습니다.
개발자는 명도, 채도, 색상 모델로 작업할 때 OKLCH를 선택하거나, 시스템이나 워크플로가 그 표현을 기대할 때 OKLab이 필요할 수 있습니다. 스워치와 CSS 출력이 변환된 색상을 검토하고 재사용하는 데 도움이 되며, 실시간 업데이트로 형식 간에 반복해서 복사하지 않고도 값을 비교할 수 있습니다.
변환기는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 페이지가 로드된 후에는 오프라인에서도 동작하므로 연결 없이 계속 변환할 수 있습니다. 이 도구는 무료로 사용할 수 있습니다.
이 OKLab 색상 변환기는 코드, 문서, 티켓, 커밋용 색상을 준비하는 개발자와 DevOps 엔지니어는 물론, 값을 다른 도구에 넘기기 전에 색상 값을 확인하는 모든 사람에게 도움이 됩니다. My-DevTools는 내용을 OKLCH로 되돌리는 별도의 역변환 페이지도 제공합니다.
1단계: 입력 필드에 OKLCH 색상을 입력하거나 붙여넣으세요. 파서는 #abc, rgb(1 2 3 / 50%), 색상 이름 같은 예시를 받습니다.
2단계: 나타나는 OKLab 결과를 확인하세요. 어느 한쪽 색상 값이든 편집할 수 있고, 다른 쪽이 실시간으로 업데이트됩니다.
3단계: 도구에 있는 옵션을 필요에 따라 조정하세요. 입력에는 특정 옵션 이름이 명시되어 있지 않습니다.
4단계: 스워치와 색역 초과 경고를 확인하세요. 경고는 sRGB 범위를 벗어난 색상을 식별합니다.
5단계: OKLab 값이나 복사 가능한 CSS 한 줄을 복사해 코드, 문서, 메모에 사용하세요.
사용 사례: OKLab을 받는 시스템이나 워크플로로 OKLCH 색상을 옮기세요. 변환기가 복사할 대응 값을 제공합니다.
사용 사례: 받은 OKLab 값이 OKLCH 원본과 일치하는지 확인하세요. 어느 한쪽을 편집하면 다른 쪽이 업데이트되어 빠르게 비교할 수 있습니다.
사용 사례: 문서, 티켓, 커밋 메시지용 OKLCH 또는 OKLab 색상 스니펫을 준비하세요. 바로 붙여넣을 수 있는 CSS 한 줄이 결과를 포함하기 쉽게 해 줍니다.
사용 사례: 결과를 코드에 사용하기 전에 색상 변환을 간단히 검증하세요. 값과 스워치를 함께 확인하세요.
사용 사례: 값을 다른 도구나 워크플로에 넘기기 전에 sRGB 색역을 벗어난 색상을 찾으세요. 변환기가 색역 초과 경고를 표시합니다.
사용 사례: 색상을 조정하면서 OKLCH와 OKLab의 관계를 살펴보세요. 실시간 양방향 편집으로 대응하는 값의 변화를 볼 수 있습니다.