컬러 휠 탐색기

HSL 색상환 vs RYB 색상환

두 색상환 모두 색을 원형으로 배열하지만, 어떤 색이 ‘반대색’인지에 대해서는 서로 다르게 정의합니다.

• HSL(색상, 채도, 명도): CSS와 디지털 디자인에서 사용하는 sRGB의 원통형 표현입니다. 180°를 더하면 이 디지털 색상환의 반대편 색상을 선택합니다.
• RYB(빨강, 노랑, 파랑): 미술 교육에서 쓰이는 전통적인 개념의 색상환입니다. 이 도구는 색상 각도를 재배치해 그 관습을 근사하며 실제 안료를 섞은 결과를 예측하지 않습니다.

두 체계 모두 목적에 따라 유효합니다. 화면 작업에는 HSL을, 물감 매체의 감각을 중시할 때는 RYB를 사용하세요.

색상환의 배색 정의

• 보색: 기준 + 180°. 선택한 색상환에서 색조 간격이 가장 큽니다.
• 유사색: 기준과 -30°, +30°의 이웃 색상. 부드럽고 통일감이 있습니다.
• 트라이어드: 기준 + 120° + 240°. 균형 잡힌 생동감을 줍니다.
• 분할 보색: 기준 + 150° + 210°. 보색만큼의 강한 긴장감 없이도 풍부한 느낌을 냅니다.
• 테트라드/스퀘어: 기준 + 90° + 180° + 270°. 같은 간격으로 배치된 네 가지 색상.
• 단색: 같은 색상에서 명도와 채도를 달리합니다.

색상환의 색온도

• 따뜻한 절반: 빨강, 주황, 노랑. 전통적으로 앞으로 나와 보여 시선을 끕니다.
• 차가운 절반: 초록, 파랑, 보라. 전통적으로 뒤로 물러나 보입니다.
• 중성색: 채도가 낮은 색으로, 색조에 따라 어느 한쪽에 속합니다.

실용적인 활용

• 브랜드 팔레트 탐색: 핀을 드래그해 어울리는 색을 찾은 뒤, 트라이어드나 테트라드 마크에서 보조 강조색을 확인하세요.
• 미술 연구: 참고 사진을 고르고 주된 색상을 파악한 다음, 단색 음영을 위해 유사색 이웃을 살펴보세요.
• 일러스트레이션: 그림자에는 보색 쌍을 선택하세요. 예를 들어 주황색 물체라면 단순히 더 어두운 주황 대신 파랑으로 그림자를 칠합니다.
• 인테리어 디자인 시안: 트라이어드 색상환은 고전적인 인테리어 팔레트에 대응합니다(전통적인 미국식은 파랑/노랑/빨강, 보헤미안은 초록/주황/보라).

색상환이 완벽하게 직관적이지는 않은 이유

실제 인간의 색 지각은 어느 색상환이 보여주는 것보다 훨씬 복잡합니다. 먼셀 체계, LAB, OKLCH는 모두 지각적으로 균일한 배열을 추구하지만 단순한 원이 되지는 않습니다. 채도가 모든 색상에서 명도에 따라 달라지기 때문입니다. 실무 디자인 시스템 작업에서는 지각적 색공간이 색상환보다 더 깔끔한 결과를 주지만, 색을 개념적으로 탐색할 때는 여전히 색상환이 명료성에서 앞섭니다.