# 사색형 색상 생성기

이 사색형 색상 생성기로 하나의 기준 색상에서 네 가지 색상의 사색형 배색을 만드세요. 3자리 또는 6자리 hex 코드를 입력하면 HSL 색상환에서 90도 간격으로 배치된 네 가지 색조를 반환합니다. 이 색조는 기준 색상의 채도와 명도를 공유하는 두 쌍의 보색이며, 결과는 hex 코드로 제공됩니다. 대시보드, 게임, 일러스트레이션, 브랜딩에 풍부하고 다양한 팔레트가 필요한 디자이너와 개발자를 위한 도구입니다.

## 자주 묻는 질문

### 사색형 색상 생성기는 어떤 결과를 반환하나요?

6자리 소문자 hex 코드로 네 가지 색상을 반환합니다. 색상 1은 기준 색상이고, 색상 2, 3, 4는 색조를 90도, 180도, 270도 회전한 색상입니다.

### 정사각형 사색형인가요, 직사각형 사색형인가요?

정사각형 사색형입니다. 네 가지 색조가 90도 간격으로 균등하게 배치됩니다. 색상 1과 3, 색상 2와 4가 각각 보색 쌍을 이룹니다.

### 배색은 어떻게 계산하나요?

도구는 hex 코드를 HSL로 변환하고, 색조에 90도, 180도, 270도를 더한 다음 360도 범위 안에서 순환합니다. 채도와 명도는 그대로 유지되며, 각 색조는 다시 hex 코드로 변환됩니다.

### 순수한 빨간색의 사색형 배색은 무엇인가요?

\#ff0000의 경우 도구는 #ff0000, #80ff00, #00ffff, #8000ff를 반환합니다. 빨간색, 황록색, 시안, 보라색입니다. 결과는 화가가 사용하는 빨강·노랑·파랑 색상환이 아니라 화면 기반 HSL 색상환을 따릅니다.

### 어떤 색상 형식을 입력할 수 있나요?

\#이 있거나 없어도 되는 3자리 또는 6자리 hex 코드 하나를 입력하세요. 예: #ff5733 또는 f00. RGB 및 HSL 표기와 색상 이름은 지원하지 않으므로 먼저 hex로 변환하세요.

### 색상 1이 입력값과 약간 다른 이유는 무엇인가요?

계산 과정에서 색조, 채도, 명도를 정수로 반올림하므로 변환을 거치며 한 채널 값이 한 단계 달라질 수 있습니다. 예를 들어 #ff5733은 #ff5833, #74ff33, #33daff, #be33ff를 반환합니다.

### 4색 팔레트의 균형을 맞추려면 어떻게 해야 하나요?

한 가지 색상을 주조색으로 정하고, 두 번째 색상은 보조 영역에 사용하며, 나머지 두 색상은 작은 강조 요소에 사용하세요. 따뜻한 색조와 차가운 색조를 모두 같은 비율로 채도 높게 섞으면 산만해 보일 수 있으므로, 넓은 면적에는 일부 색상의 틴트나 셰이드를 사용하세요.

### 검은색, 흰색 또는 회색은 어떻게 되나요?

무채색은 채도가 0이므로 네 가지 결과가 모두 같은 회색입니다. 채도가 있는 색상을 기준으로 하면 서로 다른 네 가지 색조가 나옵니다.

### 사색형과 삼색형은 어떻게 다른가요?

사색형은 90도 간격으로 네 가지 색조를 제공하고, 삼색형은 120도 간격으로 세 가지 색조를 제공합니다. 사색형은 더 다양한 색상을 제공하고, 삼색형은 균형을 맞추기 더 쉽습니다.

### 결과가 색상 팔레트 생성기와 동일한가요?

예. 이 도구는 색상 팔레트 생성기의 사색형 옵션과 동일하게 작동하므로, 같은 기준 색상에 대해 두 도구가 동일한 네 가지 hex 코드를 반환합니다.

여기에 광고를 게재하시겠어요?

[이메일 보내기](mailto:hi@dennn.is?subject=OneClick%20Pro%20%EA%B4%91%EA%B3%A0%20%EB%AC%B8%EC%9D%98)

[광고 WordPress을 위한 에이전트 지원 플러그인 모음입니다.](https://sleekwp.com/?ref=oneclickpro)