RGB 색상 공간 3D

216개의 웹 안전 색상을 3D 큐브로 배열했습니다. 드래그하여 회전하고 색상 공간의 구조를 확인하며, 임의의 점을 클릭하면 전체 프로필을 볼 수 있습니다.

드래그하여 회전 · 호버하여 선택 · 클릭하여 프로필 보기

216개 포인트

색상 공간 읽는 방법 - 드래그, 관찰, 프로필 열기.

RGB 좌표로 배치된 216개의 웹 안전 색상 - 색상 공간에 마침내 형태가 생깁니다.

큐브를 처음 보는 분들을 위한 세 가지 질문입니다.

왜 216개의 웹 안전 색상인가요?: 6단계 × 6단계 × 6단계가 RGB 큐브를 정확히 채웁니다. 구조를 보여주기에 충분히 조밀하면서도 읽기 쉬울 만큼 희소합니다.
왜 한 모서리가 회색인가요?: R=G=B 대각선이 중립 축입니다. 검은색부터 흰색까지의 회색조가 큐브를 가로지르는 직선으로 시각화된 것입니다.
이것은 OKLCH 공간과 어떻게 다른가요?: RGB는 하드웨어 공간(화면이 빛을 내는 방식)이고, OKLCH는 지각 공간(눈이 색을 인식하는 방식)입니다. OKLCH 편집기에서 두 공간을 비교해보세요.

OKLCH 편집기에서 지각적 균일성을 느껴보세요.

지각적으로 균일한 OKLCH 공간에서 L / C / H를 조정하고 실시간 미리보기와 oklch() / HEX / RGB 출력을 제공합니다.

OKLCH 인지 균일 그라데이션, 회색 띠 없음, 한 번의 클릭으로 CSS 내보내기.

8가지 유형의 색각 이상을 시뮬레이션하여 접근성을 검토하세요.

색상 공간 읽는 방법 - 드래그, 관찰, 프로필 열기.

RGB 좌표로 배치된 216개의 웹 안전 색상 - 색상 공간에 마침내 형태가 생깁니다.

캔버스를 길게 누르고 드래그하세요. 가장자리 보기는 채널 평면을 보여주고, 대각선 보기는 명도 축을 드러냅니다.

R/G/B 축은 세 가지 채널입니다 - 원점에서 멀어지는 방향은 가산 혼합의 방향입니다.

모든 점에 마우스를 올리면 HEX와 프로필 링크가 표시되고, 클릭하면 전체 색상 프로필 페이지가 열립니다.

색상 공간 시각화 FAQ

큐브를 처음 보는 분들을 위한 세 가지 질문입니다.

왜 216개의 웹 안전 색상인가요?

6단계 × 6단계 × 6단계가 RGB 큐브를 정확히 채웁니다. 구조를 보여주기에 충분히 조밀하면서도 읽기 쉬울 만큼 희소합니다.

왜 한 모서리가 회색인가요?

R=G=B 대각선이 중립 축입니다. 검은색부터 흰색까지의 회색조가 큐브를 가로지르는 직선으로 시각화된 것입니다.

이것은 OKLCH 공간과 어떻게 다른가요?

RGB는 하드웨어 공간(화면이 빛을 내는 방식)이고, OKLCH는 지각 공간(눈이 색을 인식하는 방식)입니다. OKLCH 편집기에서 두 공간을 비교해보세요.