MCP로 연결 →

계산 입력

공식

광고

결과

큰 구간 (a)
618.03
전체 ÷ φ
전체 길이 1,000
큰 구간 (a) 618.03
작은 구간 (b) 381.97
황금비 (φ) 1.618

황금비 디자인 계산기란?

황금비(\(\varphi\), 파이 ≈ 1.6180339887)는 미술, 건축, 자연 곳곳에서 발견되는 비율입니다. 하나의 선을 '전체 대 큰 부분'의 비율이 '큰 부분 대 작은 부분'의 비율과 같아지도록 나누면, 보는 이에게 가장 안정적이고 보기 좋은 균형감을 준다고 알려져 있죠. 이 계산기는 어떤 전체 길이나 크기든 입력하면 황금비에 맞는 두 구간으로 나눠 줍니다. 페이지 레이아웃 잡기, 글자 크기 정하기, 그리드 설계, 사진 구도 잡기에 안성맞춤입니다.

사용 방법

전체 값을 입력하세요. 픽셀, 센티미터, 인치 등 어떤 단위든 상관없습니다. 계산기는 큰 구간(a)과 작은 구간(b), 그리고 \(\varphi\) 값을 함께 보여 줍니다. 큰 구간은 전체를 파이(\(\varphi\))로 나눈 값이고, 작은 구간은 그 나머지입니다. 큰 부분은 메인 콘텐츠 영역이나 제목 크기에, 작은 부분은 사이드바, 캡션, 보조 여백 등에 활용해 보세요.

공식 풀이

분할에는 두 가지 간단한 식이 쓰입니다.

$$\text{a} = \frac{\text{전체}}{\varphi} \qquad \text{b} = \text{전체} - \text{a}$$

이며, \(\varphi\)는 1.6180339887로 고정됩니다. \(\varphi\)는 \(1/\varphi = \varphi - 1 \approx 0.618\)이라는 독특한 성질이 있어서, 큰 구간은 전체의 약 61.8%, 작은 구간은 약 38.2%가 됩니다. 그리고 두 구간의 비율(\(a/b\))은 다시 \(\varphi\)와 같아집니다.

광고
수평 선분을 황금비로 큰 부분 a와 작은 부분 b로 나눈 모습
전체 길이를 큰 부분 a와 작은 부분 b로 나누며, \(\text{전체}/a = a/b = \varphi\)가 된다.

실제 예시

가로 1000픽셀짜리 레이아웃이 있다고 해 봅시다. 큰 구간은 $$1000 \div 1.6180339887 \approx 618.03\,\text{px}$$이고, 작은 구간은 $$1000 - 618.03 \approx 381.97\,\text{px}$$입니다. 즉, 약 618px 콘텐츠 칼럼 옆에 약 382px 사이드바를 두면 황금비 레이아웃이 완성됩니다.

황금비 직사각형을 정사각형과 더 작은 황금 직사각형으로 나누고 나선을 그린 모습
황금 직사각형: 정사각형을 제거하면 같은 비율의 더 작은 직사각형이 남아 황금 나선을 이룬다.

자주 묻는 질문

황금비와 삼분할 법칙은 같은 건가요? 아닙니다. 삼분할 법칙은 똑같이 3등분(33/33/33)하는 방식이고, 황금비는 61.8/38.2로 나누기 때문에 많은 디자이너가 더 역동적이라고 느낍니다.

어떤 단위를 써야 하나요? 단위만 일관되게 쓰면 됩니다. 비율 자체는 단위가 없는 값이라 픽셀, mm, 인치 모두 똑같이 적용됩니다.

작은 부분이 왜 38.2%인가요? \(1 - 1/\varphi = 1 - 0.618 = 0.382\)이기 때문입니다. 큰 황금 구간을 떼어내고 남은 비율이 바로 38.2%죠.

최종 업데이트: