황금비율 계산기

황금비란 무엇인가요?

황금비(Golden Ratio)는 선분을 두 부분으로 나눌 때 "전체 : 긴 부분 = 긴 부분 : 짧은 부분"이 성립하는 비율입니다. 짧은 부분을 1이라 하면 긴 부분 x는 (1 + x) : x = x : 1을 만족해야 하고, 정리하면 x² = x + 1이라는 이차방정식이 됩니다. 이 방정식의 양의 해가 그리스 문자 φ(파이)로 쓰는 (1 + √5) / 2 ≈ 1.6180339887입니다. 소수점 아래가 끝없이 이어지는 무리수이므로 1.618은 어디까지나 근사값입니다. 이 계산기는 정확한 값을 내부에서 그대로 쓰고, 화면에는 소수점 셋째 자리까지만 반올림해 보여줍니다.

이 비율에는 몇 가지 특이한 성질이 있습니다. φ² = φ + 1 ≈ 2.618이고, 1/φ = φ − 1 ≈ 0.618입니다. 그래서 전체 길이를 황금비로 나누면 긴 부분이 전체의 약 61.8%, 짧은 부분이 약 38.2%가 됩니다. 또 황금비로 쪼갠 긴 부분을 다시 황금비로 쪼개는 일을 반복해도 같은 비율이 이어집니다.

세 가지 계산 모드의 공식

• 짧은 변 기준: 긴 변 = 짧은 변 × φ. 짧은 변 10이면 긴 변은 16.18입니다.
• 긴 변 기준: 짧은 변 = 긴 변 ÷ φ. 긴 변 100이면 짧은 변은 61.803입니다.
• 전체 길이 분할: 긴 부분 = 전체 ÷ φ, 짧은 부분 = 전체 − 긴 부분. 전체 100이면 61.803 + 38.197입니다.

세 값은 서로 연결되어 있으므로 하나만 알면 나머지를 모두 구할 수 있습니다. 계산 결과 칩에는 짧은 변, 긴 변, 합계가 함께 표시되어, 한 모드로 계산한 값을 다른 모드의 입력으로 다시 넣어 확인해 볼 수 있습니다.

전체 길이별 황금비 분할표

화면 폭이나 캔버스 폭을 황금비로 나눠 사이드바와 본문 영역을 정할 때 참고하는 표입니다. 빌드 시 φ로 직접 계산했습니다.

짧은 변 기준 황금 직사각형 크기표

예를 들어 1080px 높이의 배너에 황금비 가로를 주려면 약 1,747.5px가 필요합니다. 반대로 가로가 1080px로 정해져 있다면 세로는 약 667.5px입니다. 인쇄물처럼 mm 단위로 쓸 때도 숫자만 바뀔 뿐 같은 식을 적용합니다.

피보나치 수열과 황금비의 관계

피보나치 수열(1, 1, 2, 3, 5, 8, 13, …)에서 인접한 두 항의 비율 뒤항 ÷ 앞항은 항이 커질수록 φ에 수렴합니다. 아래 표는 빌드 시 수열을 직접 생성해 계산한 값이며, 오차는 φ와의 차이의 절댓값입니다.

8 → 13처럼 작은 수에서도 이미 1.625로 오차가 1% 이내이고, 항이 몇 개만 더 나아가면 소수점 넷째 자리까지 맞습니다. 그래서 5:8, 8:13, 13:21 같은 정수비를 황금비의 대용으로 쓰기도 합니다. 정수 픽셀로 레이아웃을 짜야 하는 웹 디자인에서는 이 편이 실용적입니다.

정사각형을 떼어 내면 같은 비율이 남는다

황금 직사각형(짧은 변 : 긴 변 = 1 : φ)에서 짧은 변을 한 변으로 하는 정사각형을 잘라 내면, 남은 직사각형도 다시 황금 직사각형입니다. 짧은 변이 a이면 남는 조각은 가로 a(φ − 1)=a/φ, 세로 a이므로 비율이 그대로 유지되기 때문입니다. 아래 표는 한 변 100에서 시작해 이 과정을 반복할 때 정사각형 한 변과 넓이가 어떻게 줄어드는지를 빌드 시 계산한 것입니다.

한 변은 단계마다 1/φ 배(약 0.618배)로, 넓이는 1/φ² 배(약 0.382배)로 줄어듭니다. 이 정사각형들의 모서리를 사분원으로 이어 그리면 흔히 보는 황금 나선 모양이 되는데, 이는 로그 나선에 가까운 근사 도형이며 작업할 때 사각형 분할 가이드로 쓰는 용도입니다. 디자인 툴에서 구도 가이드를 만들 때는 이 표의 한 변 길이를 순서대로 입력하면 됩니다.

흔한 화면비·용지비와 황금비의 차이

"황금비에 가깝다"는 말이 실제로 얼마나 가까운지는 숫자로 봐야 합니다. 아래 표는 긴 변 ÷ 짧은 변을 구해 φ와의 차이를 백분율로 나타낸 것입니다. 양수는 황금비보다 더 길쭉하다는 뜻입니다.

3 : 2는 약 7% 덜 길쭉하고 16 : 9는 약 10% 더 길쭉합니다. 그래서 16 : 9 화면에 황금비 분할을 억지로 맞추기보다는, 전체 폭만 61.8 : 38.2로 나누고 높이는 화면 비율에 맡기는 쪽이 현실적입니다. 5 : 8은 약 1.1%, 8 : 13은 약 0.4% 차이라 정수 비율을 쓰려면 8 : 13이 더 정확합니다.

황금비는 어디에 쓰이나요?

• 디자인 레이아웃: 본문 영역과 사이드바 폭을 61.8 : 38.2로 나누거나, 제목 글자 크기를 본문의 1.618배로 정할 때 시작점으로 씁니다.
• 사진·그림 구도: 화면을 황금비로 분할한 선에 주제를 두는 방식이 있으며, 삼등분 법칙과 비슷하지만 선이 중앙 쪽에 조금 더 가깝습니다(61.8% 대 66.7%).
• 로고·명함·액자: 가로세로를 1 : 1.618로 잡으면 대략 5 : 8에 가까운 직사각형이 됩니다.
• 자연 패턴: 해바라기 씨앗 배열처럼 피보나치 수와 연결된 나선이 관찰되는 사례가 있지만, 모든 자연물이 황금비를 따른다는 뜻은 아닙니다.

예시 계산 (직접 검산)

예시 1. 명함. 짧은 변 55mm로 시작하면 긴 변은 55 × 1.618 = 약 88.99mm입니다. 일반적인 명함 규격은 이 비율과 조금 다르므로 인쇄소 규격을 먼저 확인해야 합니다.

예시 2. 1200px 컨테이너 분할. 전체 1200px을 황금비로 나누면 긴 영역 약 741.6px, 짧은 영역 약458.4px입니다. 여기에 여백(gutter)을 빼야 한다면 먼저 여백을 제외한 폭으로 다시 계산해야 합니다.

예시 3. 글자 크기 단계. 본문 16px에 φ를 곱하면 제목 후보로 약 25.9px, 한 번 더 곱하면 약41.9px입니다. 실제 서비스에서는 가독성을 위해 26px, 42px처럼 반올림해 쓰는 경우가 많습니다.

시나리오로 보는 실제 적용

시나리오 1. 1920px 폭 랜딩 페이지의 2단 구성. 가로 1920px을 황금비로 나누면 본문 영역 약 1,186.6px, 보조 영역 약 733.4px입니다. 두 값의 합은 1920이므로 검산이 됩니다. 다만 실제 화면에서는 좌우 여백과 스크롤바 폭이 빠지므로, 여백을 먼저 뺀 폭에 같은 계산을 적용해야 합니다. 예를 들어 양쪽 여백 24px씩을 빼면 1872px이고, 이를 나누면 긴 부분 약 1,157px, 짧은 부분 약 715px입니다.

시나리오 2. 800px 정사각형 캔버스에서 구도선 긋기. 한 변 800px을 황금비로 나누면 구도선이 한쪽 끝에서 약494.4px, 반대쪽 끝에서 약 305.6px 지점에 생깁니다. 삼등분 법칙의 선은 약 266.7px과 533.3px이므로, 같은 쪽 끝에서 잰 선 위치는 황금비 305.6px 대 삼등분 266.7px로 약38.9px(캔버스 폭의 약 4.9%) 차이가 납니다. 선이 중앙 쪽으로 조금 더 들어온다는 정도의 차이이므로, 주제를 선 근처에 놓는다는 원칙만 같다면 어느 쪽을 써도 무방합니다.

시나리오 3. 포스터 세로 길이 정하기. 가로가 594mm로 정해진 포스터에 황금비 세로를 주려면 594 × φ = 약961.1mm가 필요합니다. 이 값은 표준 용지 규격과 일치하지 않을 수 있으므로, 인쇄소가 받는 규격 중 가장 가까운 크기를 고르고 남는 부분은 여백으로 처리하는 편이 안전합니다.

황금각과 φ의 거듭제곱

원 한 바퀴 360°를 황금비로 나눈 작은 쪽의 각을 황금각이라 부르며, 360 ÷ φ²을 계산하면 약137.51°이고 나머지 큰 쪽은 약 222.49°입니다. 식물의 잎이나 씨앗 배열을 설명할 때 자주 언급되는 각도이지만, 이 계산기의 길이 계산에는 쓰이지 않으며 개념 참고용입니다. 또 φ의 거듭제곱은 φⁿ = φⁿ⁻¹ + φⁿ⁻²를 만족해 1.618, 2.618, 4.2361, 6.8541, 11.0902…처럼 앞의 두 값을 더해 다음 값이 됩니다. 글꼴 크기 단계를 φ 배수로 정하는 방식은 이 성질에서 나온 것입니다.

흔한 오해와 한계

• 황금비가 "가장 아름다운 비율"이라는 주장은 심리학 실험에서 일관되게 확인되지 않았고, 사람마다 선호하는 비율이 다릅니다. 참고 비율 중 하나로 보는 편이 안전합니다.
• 파르테논 신전, 모나리자 등에서 황금비가 발견된다는 이야기는 어디를 어떻게 재느냐에 따라 달라지는 사후 해석인 경우가 많고, 설계자가 의도했다는 확실한 근거가 없는 사례가 많습니다.
• 1.6, 1.62처럼 너무 이르게 반올림한 값을 큰 길이에 곱하면 오차가 커집니다. 1.6을 1920에 곱하면 3072지만 정확한 값은 약 3106.6이므로 약 35 차이가 납니다.
• 황금비는 두 길이의 비일 뿐 면적비나 각도를 직접 말해 주지 않습니다. 면적을 맞추려면 길이 비를 제곱해 계산해야 합니다.
• 글꼴 크기나 여백에 적용할 때는 화면 크기와 접근성(최소 글자 크기)이 우선이며, 황금비 수치에 맞추려고 가독성을 희생하면 안 됩니다.

결과를 활용하는 방법

계산한 길이는 먼저 실제 제작 환경의 단위(px, mm, cm)에 맞춰 반올림합니다. 디자인 툴에서는 긴 부분과 짧은 부분을 별개 사각형으로 만들어 이어 붙이고, 가이드를 겹쳐 확인하면 편합니다. 결과를 복사해 메모나 디자인 문서에 붙여 두면 나중에 같은 비율로 다른 크기를 만들 때 근거로 남길 수 있습니다. 화면 해상도의 가로세로비를 따로 확인하고 싶다면 아래 관련 도구를 함께 쓰세요.

자주 묻는 질문

함께 쓰면 좋은 도구

• 화면 비율·해상도 계산기: 가로세로 픽셀의 정수비와 메가픽셀을 확인할 때
• 최대공약수·최소공배수 계산기: 5:8 같은 정수비로 줄일 때
• 퍼센트 계산기: 61.8% 같은 비율을 값으로 바꿀 때
• 사진 인화 사이즈 변환기: 구도에 맞춰 인화 크기를 고를 때