색상 팔레트 생성기

색상 조화 이론은 색상환(Color Wheel)을 기반으로 합니다. HSL 모델에서 Hue(색상)는 0°~360° 범위의 각도로 표현되며, 보색은 H + 180°, 유사색은 H ± 30°, 삼각 배색은 H + 120°와 H + 240°의 위치에 있습니다. 분할 보색은 보색 양쪽 30° 위치(H + 150°, H + 210°)의 두 색을 사용합니다.

HSL에서 RGB로의 변환은 수학적으로 구간별 선형 함수로 이루어집니다. 먼저 채도(S)와 명도(L)로 채도 계수 C = (1 - |2L - 1|) × S를 구하고, 색상 각도를 60° 단위로 나누어 6개 구간에서 R, G, B 값을 결정합니다. RGB에서 HEX로의 변환은 각 채널(0~255)을 16진수 2자리로 변환하여 연결합니다.

색상 대비 비율은 WCAG(Web Content Accessibility Guidelines)에서 정의한 상대 휘도(Relative Luminance) 공식 L = 0.2126R + 0.7152G + 0.0722B로 계산합니다. 두 색의 대비 비율은 (L1 + 0.05) / (L2 + 0.05)이며, 텍스트 가독성을 위해 4.5:1 이상이 권장됩니다.

1. 기본 색상 설정

   Hue(색상), Saturation(채도), Lightness(명도) 슬라이더로 기본 색상을 선택합니다.

2. 조화 유형 선택

   보색, 유사색, 삼각 배색 등 원하는 색상 조화 유형을 선택합니다.

3. HEX 코드 복사

   생성된 팔레트에서 원하는 색상의 HEX 코드를 복사합니다.

색상환 (Color Wheel)

가시광선의 색상을 원형으로 배열한 도표로, 색상 간의 관계(보색, 유사색 등)를 파악하는 데 사용됩니다.

HSL

Hue(색상, 0°~360°), Saturation(채도, 0~100%), Lightness(명도, 0~100%)의 세 값으로 색을 표현하는 모델입니다.

HEX 코드

색상을 16진수 6자리(#RRGGBB)로 표현하는 방식으로, 웹 디자인에서 가장 널리 사용됩니다.

보색 (Complementary)

색상환에서 180° 반대편에 위치한 색상으로, 가장 강한 대비를 만들어 서로를 돋보이게 합니다.

유사색 (Analogous)

색상환에서 인접한 30° 범위의 색상들로, 자연스럽고 편안한 조화를 만듭니다.

채도 (Saturation)

색의 선명함 정도를 나타내며, 0%는 무채색(회색), 100%는 가장 선명한 색입니다.

WCAG 대비 비율

웹 접근성 지침에서 정의한 텍스트와 배경 간 색상 대비 기준으로, 일반 텍스트는 4.5:1 이상을 권장합니다.