보색 생성기

6자리 소문자 16진수 코드로 두 가지 색상을 반환합니다. 색상 1은 기본 색상이고 색상 2는 색상환에서 기본 색상의 정반대에 있는 보색입니다.

도구가 16진수 코드를 HSL로 변환하고 색조에 180도를 더한 뒤 채도와 명도는 그대로 유지합니다. 회전한 값은 다시 RGB로 변환되어 16진수 코드로 표시되므로, 보색의 선명도와 밝기는 기본 색상과 같습니다.

앞에 #을 붙이거나 생략하고 대문자 또는 소문자로 입력할 수 있는 3자리 또는 6자리 16진수 코드를 입력하세요. 예: #ff5733, FF5733 또는 #f00. 여기서는 RGB 및 HSL 표기법과 색상 이름을 사용할 수 없으므로 먼저 색상 변환기로 16진수 코드로 변환하세요.

기본 색상은 정수 단위의 색조, 채도, 명도를 사용해 HSL로 변환한 다음 다시 16진수로 변환되므로 한 색상 채널이 한 단계 달라질 수 있습니다. 예를 들어 #ff5733은 #ff5833로 변환되고, 보색은 #33daff입니다.

#ff0000의 보색은 청록색인 #00ffff입니다. 이 도구는 화면에서 사용하는 RGB 기반 HSL 색상환을 사용하므로, 전통적인 화가의 색상환처럼 빨간색과 초록색을 짝짓지 않고 빨간색과 청록색을 짝짓습니다.

무채색은 채도가 0이므로 색조를 회전해도 달라지지 않아 두 결과가 같은 회색입니다. 눈에 띄는 보색이 필요하다면 채도가 있는 기본 색상을 선택하세요.

대부분의 영역에는 한 색상을 사용하고, 행동 유도 요소나 강조 표시 또는 돋보이게 할 데이터에는 보색을 조금만 사용하세요. 두 색상을 모두 최대 채도로 같은 양만큼 사용하면 시각적으로 어지러울 수 있으므로 넓은 영역에는 한 색상의 틴트나 셰이드를 사용하세요.

아니요. 이 도구는 색상 쌍만 계산합니다. 보색은 기본 색상의 명도를 유지하므로 두 색상의 휘도가 비슷해 텍스트 대비가 낮을 수 있습니다. 한 색상 위에 다른 색상을 사용할 때는 WCAG 대비 검사기로 확인하세요.

아니요. 한 번 실행할 때 16진수 코드 하나만 입력할 수 있습니다. 여러 줄이나 추가 텍스트가 포함된 입력은 오류 메시지와 함께 거부되므로 기본 색상마다 도구를 한 번씩 실행하세요.

네. 이 도구는 색상 팔레트 생성기의 보색 옵션과 같은 계산을 사용하므로 두 도구에서 같은 기본 색상을 사용하면 항상 동일한 두 16진수 코드가 나옵니다.