RGB → XYZ 변환기 – 실시간 색상 변환 도구
RGB → XYZ 변환기는 RGB 색상을 즉시 XYZ 값으로 바꾸며, 어느 한쪽을 바꾸면 다른 쪽이 바뀌는 실시간 양방향 편집을 지원합니다. #abc 같은 짧은 hex 값, rgb(1 2 3 / 50%) 같은 최신 rgb() 문법, 색상 이름을 지원합니다. 스워치를 확인하고 CSS 한 줄을 복사하며, sRGB 범위 밖의 색역 초과 경고를 확인하세요.
RGB → XYZ 변환기는 RGB 색상을 XYZ 값으로 바꾸며 변환의 양쪽을 모두 편집할 수 있게 합니다. 한쪽 값을 바꾸면 다른 쪽이 실시간으로 업데이트되므로, 일방향 텍스트 변환기로 취급하지 않고 색상을 대화형으로 확인할 수 있습니다. 스워치, 복사 즉시 사용 가능한 CSS 한 줄도 표시하고, 색상이 sRGB 범위를 벗어나면 색역 초과 경고를 표시합니다.
입력 파서는 #abc 같은 짧은 hex 값, rgb(1 2 3 / 50%) 같은 rgb() 문법, 색상 이름을 지원합니다. RGB 색상을 입력하면 XYZ 결과를 볼 수 있고, XYZ 쪽을 편집하면 RGB 쪽이 업데이트됩니다. 워크플로에는 옵션 조정 단계가 포함되지만, 구체적인 옵션 이름은 제공되지 않습니다. 변환을 검토할 때는 값과 함께 스워치와 경고도 확인하세요.
RGB는 빨강, 초록, 파랑 채널로 색상을 표현하고, XYZ는 다른 색상 표현입니다. 시스템이나 워크플로가 RGB가 아닌 XYZ 값을 요구하거나, XYZ 값을 원래 RGB와 비교하고 싶을 때 이 둘 사이의 변환이 유용합니다. 실시간 편집기, 복사 가능한 CSS 한 줄, 눈에 보이는 스워치가 확인을 쉽게 만듭니다.
변환은 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 서버로 전송되지 않습니다. 가입이 필요 없고, 페이지가 로드된 후에는 서버 연결 없이 오프라인으로 동작합니다. 코드, 문서, 티켓, XYZ를 쓰는 다른 워크플로용 색상 값을 준비하는 개발자, DevOps 엔지니어, 누구에게나 유용합니다.
1단계: RGB 색상을 입력하거나 붙여넣으세요. 파서는 #abc, rgb(1 2 3 / 50%), 색상 이름 같은 입력을 인식합니다.
2단계: 업데이트되는 XYZ 결과를 확인하세요. XYZ 쪽을 편집하면 RGB 쪽이 실시간으로 업데이트됩니다.
3단계: 필요하면 사용 가능한 옵션을 조정하세요. 도구의 변환 워크플로로 결과를 대화형으로 확인할 수 있습니다.
4단계: 색상 스워치와 색역 초과 경고를 확인한 뒤, XYZ 결과나 복사 즉시 사용 가능한 CSS 한 줄을 복사하세요.
사용 사례: XYZ 값을 받는 시스템으로 RGB 데이터를 옮기세요. 브라우저에서 색상을 변환하고 결과를 워크플로의 다음 단계에 복사하세요.
사용 사례: 전달받은 XYZ 값이 원래 RGB와 일치하는지 확인하세요. 어느 한쪽을 편집하고 실시간으로 업데이트되는 결과를 비교하세요.
사용 사례: 문서, 티켓, 커밋 메시지용 RGB 색상 스니펫을 준비하세요. 스워치와 CSS 한 줄로 색상을 더 쉽게 검토하고 재사용할 수 있습니다.
사용 사례: 코드에 붙여넣기 전에 색상 변환 결과를 간단히 검증하세요. 표시된 스워치와 색역 초과 경고를 먼저 확인하세요.
사용 사례: 짧은 hex 값, rgb() 문법, 색상 이름 형식으로 받은 색상을 확인하세요. 유연한 파서가 먼저 형식을 다시 쓰지 않아도 이런 입력 형식을 처리합니다.
사용 사례: RGB와 XYZ 값을 다루면서 색상이 sRGB 범위를 벗어나는지 확인하세요. 색상 확인 중 색역을 벗어난 결과를 찾는 데 경고가 도움이 됩니다.
사용 사례: 다른 색상 표현을 쓰는 워크플로용으로 색상을 변환하세요. 실시간 양방향 편집기로 양쪽을 조정하고 살펴볼 수 있습니다.