유사색 생성기

세 가지 색을 6자리 소문자 hex 코드로 반환합니다. 색상 1은 색조를 뒤로 30도 회전한 색, 색상 2는 기본 색, 색상 3은 색조를 앞으로 30도 회전한 색입니다.

유사색 배색은 중심 색조를 기준으로 구성되므로, 목록은 그 앞의 인접 색부터 뒤의 인접 색 순으로 표시됩니다. 이 순서대로 보면 색조가 부드럽게 이어지는 팔레트를 확인할 수 있습니다.

인접한 색은 HSL 색상환에서 기본 색조와 정확히 30도 떨어져 있습니다. 색상의 연관성은 유지하면서도 서로 구분하기 쉬운 일반적인 간격입니다. 채도와 명도는 기본 색과 같습니다.

#ff0000의 경우 도구는 #ff0080, #ff0000, #ff8000을 반환합니다. 분홍빛 빨간색, 빨간색 자체, 주황색입니다. 색조 계산은 360도를 기준으로 순환하므로 빨간색 주변의 색은 색상환 양쪽에 있는 색을 인접 색으로 얻습니다.

#을 포함하거나 제외해 3자리 또는 6자리 hex 코드 하나를 입력하세요. 예를 들면 #ff5733 또는 f00입니다. RGB 및 HSL 표기와 색상 이름은 지원하지 않으므로 먼저 hex 코드로 변환하세요.

이 도구는 정수 단위의 색조, 채도, 명도를 사용하므로 hex에서 HSL로 변환한 뒤 다시 되돌리는 과정에서 채널 하나가 한 단계 달라질 수 있습니다. #ff5733은 #ff5833로 반환되며, #ff3374과 #ffbe33가 인접 색으로 나옵니다.

유사색은 배경, 그라데이션, 자연 테마처럼 통일되고 차분한 느낌을 주려는 디자인과 서로 연관된 데이터 계열에 적합합니다. 색조가 서로 가까우므로 버튼과 텍스트에는 무채색이나 대비되는 강조색을 더하세요.

무채색은 채도가 0이므로 인접 색도 같은 회색이며 결과 세 가지가 모두 동일합니다. 서로 다른 색조를 얻으려면 채도가 있는 기본 색을 사용하세요.

아니요. 결과의 일관성을 위해 간격은 30도로 고정되어 있습니다. 다른 색상 관계를 원하면 보색, 삼색 배색, 분할 보색, 사색 배색 또는 단색 배색 생성기를 사용하세요.

네. 이 도구는 색상 팔레트 생성기의 유사색 옵션과 동일한 계산을 수행하며, 같은 입력에 대해 동일한 hex 코드를 반환합니다.