OKLCH → HEX 변환기 – 온라인 CSS 색상 값 변환
이 OKLCH → HEX 변환기로 색상 값을 16진수로 바꾸거나, 어느 한쪽을 편집하면 다른 쪽이 실시간으로 업데이트됩니다. OKLCH를 받고, #abc, rgb(1 2 3 / 50%), 색상 이름 같은 형식도 파싱합니다. 스워치로 색상을 미리 보고, CSS 한 줄을 복사하며, 색상이 sRGB 범위를 벗어나면 색역 초과 경고를 확인하세요.
OKLCH → HEX 변환기는 OKLCH 색상 값을 16진수로 바꾸며, 변환의 어느 한쪽이든 편집할 수 있습니다. 한쪽 값을 바꾸면 다른 쪽이 실시간으로 업데이트되므로, 형식 간에 값을 반복해서 복사하지 않고도 결과를 살펴볼 수 있습니다. 색상 스워치가 시각적 미리보기를 제공하고, 바로 붙여넣을 수 있는 CSS 한 줄이 결과를 작업으로 가져가기 쉽게 해 줍니다.
파서는 유연합니다. OKLCH 외에도 #abc, rgb(1 2 3 / 50%), 색상 이름 같은 입력을 받습니다. 색상이 sRGB 범위를 벗어나면 도구가 색역 초과 경고를 표시합니다. 제공되는 옵션을 조정한 뒤, 16진수 결과나 CSS 한 줄을 복사하세요.
OKLCH와 HEX는 색상을 서로 다른 형식으로 표현합니다. HEX는 CSS에서 흔히 쓰이는 간결한 표기법이고, OKLCH는 명도, 채도(chroma), 색상(hue)으로 색상을 표현합니다. 색상을 다른 표현을 기대하는 워크플로나 시스템으로 옮겨야 할 때, 또는 받은 값과 그 변환 값의 관계를 확인하고 싶을 때 둘 사이의 변환이 유용합니다.
변환기는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 가입이 필요 없고, 페이지가 로드된 후에는 오프라인에서도 변환이 동작합니다. 코드, 문서, 일상적인 협업을 위한 색상 값을 준비하거나 확인하는 개발자, 디자이너, DevOps 엔지니어에게 유용합니다.
1단계: 변환기에 OKLCH 색상을 입력하거나 붙여넣으세요. 파서는 유연하며 #abc, rgb(1 2 3 / 50%), 색상 이름 같은 예시도 받습니다.
2단계: 16진수 결과와 색상 스워치를 확인하세요. 어느 한쪽을 편집하면 다른 쪽이 실시간으로 업데이트됩니다.
3단계: 필요하면 제공되는 옵션을 조정하세요. 색상이 sRGB 범위를 벗어나면 변환기가 색역 초과 경고를 표시합니다.
4단계: HEX 값이나 복사 가능한 CSS 한 줄을 복사해 코드, 문서, 메모에 사용하세요.
사용 사례: 16진수 색상 값만 받는 시스템으로 OKLCH 데이터를 옮기세요.
사용 사례: 전달받은 16진수 값이 OKLCH 원본과 일치하는지 실시간 변환과 스워치를 비교해 확인하세요.
사용 사례: 문서, 티켓, 커밋 메시지용 OKLCH 또는 HEX 색상 스니펫을 준비하세요. 복사할 CSS 한 줄이 준비되어 있습니다.
사용 사례: 결과를 코드에 붙여넣기 전에 색상 변환을 간단히 검증하고, 색역 초과 경고를 찾아보세요.
사용 사례: 어느 한쪽 표현을 편집하면서 색상을 변환해 OKLCH 값과 HEX 값이 어떻게 대응하는지 확인하세요.
사용 사례: 스워치와 복사 가능한 CSS 한 줄이 필요할 때 브라우저에서 색상 값을 빠르게 확인하세요.