헥스를 정규화 RGB로 바꾸는 변환기
헥스 색상을 WebGL, GLSL 셰이더, 3D 그래픽에서 쓰이는 정규화된 RGB 실수 값(0.0–1.0)으로 변환합니다.
이 도구가 궁금증을 해결해 주었나요?
감사합니다 — 도구 개선에 큰 도움이 됩니다.
이 도구 사용법
- 헥스 색상을 입력하세요(예: #3a86ff).
- 각 채널을 255로 나누어 [0.0, 1.0] 범위의 실수를 만듭니다.
- vec3() 출력을 GLSL 셰이더 코드에 바로 붙여넣으세요.
WebGL, GLSL 셰이더, 여러 3D API는 RGB를 [0, 1] 범위의 실수로 요구합니다. 헥스 색상을 입력하면 정규화된 vec3 표현을 즉시 얻을 수 있습니다.
공식
Given a hex color #RRGGBB, each normalized float channel is:
Rn = parseInt(RR, 16) / 255
Gn = parseInt(GG, 16) / 255
Bn = parseInt(BB, 16) / 255
Each result is rounded to 4 decimal places. The GLSL vec3 form is: vec3(Rn, Gn, Bn).
자주 묻는 질문
- 왜 WebGL은 0–1 범위를 사용하나요?
- OpenGL과 WebGL은 전체적으로 정규화된 장치 좌표를 사용해 동작합니다. 색상 요소에 0–1을 쓰는 것은 이 설계와 일관되며 정수 오버플로를 방지합니다.
- GLSL vec3란 무엇인가요?
- GLSL vec3는 세 개의 요소로 이루어진 부동소수점 벡터입니다. 셰이더에서 vec3(r,g,b)는 RGB 색상을 나타냅니다.