Pixel Format Visualization

하나의 색상, 아홉 가지 메모리 배치

선택한 RGBA 색상이 BGRA8, RGBA8, RGB8, ARGB8, RGBA16F, RGBA32F, RGB565, RGBA4444, RGB10A2에서 어떻게 저장되는지 보여 줍니다. 각 카드에는 채널 순서, 비트 할당, 바이트 수, 패킹된 값 또는 부동소수점 값, 바이트 오프셋, 16진 덤프, 2진 표현이 나란히 표시되며 항상 동기화됩니다.

양방향 편집

• RGBA 슬라이더, #RGB·#RRGGBB·#RRGGBBAA 형식의 16진 값 또는 브라우저 기본 색상 선택기로 색을 지정합니다.
• 원시 채널 값, 정규화된 부동소수점 값, 개별 16진 바이트, 16진 덤프 전체, 2진 바이트를 수정하면 앱이 이를 다시 공통 색상으로 디코딩합니다.
• 일반(straight) 알파와 미리 곱한(premultiplied) 알파를 전환할 수 있습니다.
• 각 카드의 정보 버튼에서 DirectX 9, DirectX 12, Vulkan의 해당 형식 이름을 확인할 수 있습니다.

색을 고르고 필요하면 미리 곱한 알파를 켠 뒤 카드를 비교하며 원하는 표현을 수정하세요. 나머지 값도 즉시 따라 바뀝니다.

누구에게 알맞은가

그래픽 프로그래머, 게임 및 렌더링 엔진 개발자, 테크니컬 아티스트, 학생, 그리고 컬러 버퍼를 디버깅하거나 픽셀 데이터의 저장 방식을 배우려는 모든 사람에게 적합합니다. RGBA 채널이나 16진수에 익숙하면 도움이 되지만, 동기화된 화면 덕분에 처음 접하는 사람도 쉽게 탐색할 수 있습니다. 텍스처나 프레임버퍼 형식을 고르기 전에 바이트 순서와 채널 정밀도를 비교하거나, 수업에서 양자화와 알파를 설명할 때 유용합니다.

로컬 처리와 한계

모든 계산은 브라우저에서 이루어지며 색상 값은 어떤 서버로도 전송되지 않습니다. 앱은 스크립트, 스타일, 글꼴을 자체 주소에서만 불러오며 타사 서버에 접속하지 않습니다. 브라우저 로컬 저장소에는 인터페이스 언어와 테마 모드만 저장되고, 색상과 형식 값은 저장되지도 URL에 담기지도 않으므로 링크로 상태를 공유할 수 없습니다. 계정이나 설치는 필요 없습니다.

이 도구는 미리 정해진 9가지 RGB/RGBA 배치를 다루며 모든 픽셀 형식을 망라하지는 않습니다. 항상 채널당 8비트인 RGBA 색상 하나에서 출발하고, 이미지, 텍스처, 색상 프로파일, 압축 형식, 깊이/스텐실 형식, 플래너 형식은 처리하지 않습니다. API 이름은 참고용일 뿐이며 앱이 하드웨어를 조회하거나 런타임 지원 여부를 검증하지 않습니다. 결과는 브라우저에만 표시되고 파일로 내보낼 수 없습니다. 작은 화면에서도 동작하지만 바이트 단위의 세밀한 편집은 큰 화면과 물리 키보드에 맞춰져 있습니다. 인터페이스는 21개 언어와 라이트, 다크, 시스템 설정 연동 테마를 지원합니다.

슬라이더, 텍스트 입력란, 버튼, 언어 선택기는 키보드로 조작할 수 있고 테마 버튼에는 접근 가능한 레이블과 눌림 상태가 있습니다. 화면 낭독기 호환성은 아직 공식적으로 검증되지 않았고, API 이름 팝오버는 현재 포인터를 올려야만 열리며, 동작 줄이기 설정은 반영되지 않습니다.