CalcRecipe

Color & Design

디자인 조색 및 레이아웃 황금 비율 — 시각적 조화를 위한 정밀 팔레트와 비율.

색상 조화 엔진

기준 HEX를 선택하면 색채 이론에 따른 보색, 유사색, 삼각 보색 팔레트를 자동 계산합니다.

팔레트를 실제 UI에 적용할 때 웹 접근성과 WCAG 대비 검사가 필요하다면 AdrianTiba에서 색상·Delta E·대비 도구를 활용해 보세요.

보색 (Complementary)

유사색 (Analogous)

삼각 보색 (Triadic)

레이아웃 황금비 계산기

전체 컨테이너 너비를 입력하면 φ ≈ 1.618 황금비로 메인 콘텐츠와 사이드바 영역을 분할합니다.

황금비 φ ≈ 1.618 — 더 넓은 영역(약 61.8%)이 메인 콘텐츠에 배정됩니다.

메인 콘텐츠
890px
사이드바
550px

합계 1440px → 메인 890px + 사이드바 550px (φ = 1.618)

CalcRecipe 공방 가이드