삼색 배색 생성기

6자리 소문자 16진수 코드로 세 가지 색상을 반환합니다. 색상 1은 기본 색상이고, 색상 2는 색조를 120도 회전한 색상이며, 색상 3은 색조를 240도 회전한 색상입니다.

도구가 16진수 코드를 HSL로 변환하고 색조에 120도와 240도를 더한 뒤 결과가 360도 범위를 벗어나면 다시 범위 안으로 돌립니다. 채도와 명도는 그대로 유지되므로 세 색상 모두 기본 색상의 밝기와 강도를 공유합니다.

#ff0000을 입력하면 #ff0000, #00ff00, #0000ff을 반환합니다. 이 세 색상은 RGB 원색입니다. 이를 통해 이 도구가 전통 회화의 빨강, 노랑, 파랑 색상환이 아니라 화면용 HSL 색상환을 사용한다는 점을 알 수 있습니다.

#을 앞에 붙이거나 생략해 3자리 또는 6자리 16진수 코드를 입력하세요. 예: #3366cc 또는 36c. RGB 및 HSL 표기법과 색상 이름은 사용할 수 없으므로 먼저 16진수 코드로 변환하세요.

계산에는 정수 단위의 색조, 채도, 명도가 사용되므로 기본 색상을 HSL로 변환한 뒤 다시 변환할 때 한 색상 채널이 한 단계 달라질 수 있습니다. 예를 들어 #ff5733은 #ff5833가 되고, 나머지 두 색상은 #33ff58 및 #5833ff입니다.

한 색상을 주된 색으로 사용하고 나머지 두 색상은 강조색으로 사용하세요. 예를 들어 영역을 60%, 30%, 10%로 나눌 수 있습니다. 채도가 낮거나 어두운 기본 색상에서 시작하면 세 색상 모두 그 채도와 명도를 이어받아 차분한 삼색 배색이 됩니다.

무채색은 채도가 없으므로 색조를 회전해도 같은 회색이 세 번 반환됩니다. 서로 다른 세 가지 색을 얻으려면 채도가 있는 기본 색을 선택하세요.

삼색 배색은 세 가지 색이 120도씩 떨어져 있고, 사색 배색은 네 가지 색이 90도씩 떨어져 있습니다. 삼색 배색은 보통 균형을 맞추기 더 쉽습니다. 네 번째 색조가 필요하면 사색 배색 생성기를 사용하세요.

아니요. 이 도구는 색상만 계산합니다. 세 가지 색은 기본 색과 명도가 같아 서로 간의 대비가 낮을 수 있으므로, 대비 검사 도구로 텍스트와 배경의 조합을 확인하세요.

네. 이 도구는 색상 팔레트 생성기의 삼색 배색 옵션과 동일한 계산을 수행하므로, 같은 기본 색을 입력하면 두 도구에서 같은 hex 코드가 나옵니다.