본문으로 건너뛰기

사색형 색상 생성기

이 사색형 색상 생성기로 하나의 기준 색상에서 네 가지 색상의 사색형 배색을 만드세요. 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 코드를 반환합니다.

OneClick Pro 소개

OneClick Pro은 일상 업무에 활용할 수 있는 150개 이상의 웹 도구를 무료로 모아 제공합니다. 이미지와 단위를 변환하고, 코드를 포맷하고 검증하고, 도메인과 SEO를 확인하고, 텍스트와 날짜, 숫자를 다룰 수 있습니다. 모든 도구는 가입이나 구독 없이 사용할 수 있으며, 입력한 내용은 결과를 계산하는 데만 사용되고 저장되지 않습니다. 한 번 쓰는 작업을 위한 빠른 도구 모음으로 활용하거나, 매일 자주 쓰는 도구를 북마크해 두세요.