온라인 사각형 색상 구성 도구

사각형 색상 구성 도구의 특징

이 도구는 HSL 색상환에서 기준 색상으로부터 0도, 90도, 180도, 270도 떨어진 네 가지 색상을 생성합니다. 예를 들어 기준 색상이 #FF0000이면 결과는 #FF0000, #80FF00, #00FFFF, #7F00FF 순서로 표시됩니다. 기준 색상은 정확히 유지되며, 회전된 색상은 HSL 채도와 명도를 정수로 반올림하여 계산되므로 다른 도구와 1단계 차이가 발생할 수 있습니다.

주요 기능

• HEX, RGB, HSV, HSL 입력 지원
• 90도 간격의 4색 구성 생성
• 각 색상 스와치 독립 편집 가능
• 브라우저에서 모든 처리, 업로드 없음

사용 예시

웹사이트 헤더, 버튼, 배경 등에 사용할 색상 팔레트가 필요할 때 기준 색상을 입력하면 조화로운 4색 구성을 얻을 수 있습니다. 예를 들어 파란색 #3B82F6을 입력하면 다음 색상이 생성됩니다: #3B82F6, #3BF6B4, #F63B82, #B43BF6 (실제 값은 반올림으로 약간 다를 수 있음).

제한 사항

HSL 간격이 동일하더라도 인지 밝기나 텍스트 대비가 같지는 않습니다. 실제 전경/배경 쌍은 별도로 확인해야 합니다. 대비 점수나 내보내기 형식 선택 기능은 제공되지 않습니다.

자주 묻는 질문

Q1: 생성된 색상이 다른 도구와 1단계 차이가 나는 이유는 무엇인가요?

회전된 색상은 HSL 채도와 명도를 정수로 반올림하여 계산되므로, 다른 도구가 소수점을 유지하는 경우 1단계 차이가 발생할 수 있습니다. 이는 정상적인 반올림 차이입니다.

Q2: 하나의 색상을 편집하면 다른 색상도 자동으로 변경되나요?

아니요, 각 스와치는 독립적으로 편집할 수 있습니다. 하나를 변경해도 다른 색상은 회전하지 않으므로, 편집 후 팔레트가 더 이상 정확한 사각형 구성이 아닐 수 있습니다.

Q3: 모바일에서도 사용할 수 있나요?

네, 모바일에서는 기준 색상을 선택한 후 계산 버튼을 눌러 결과를 확인할 수 있습니다. HEX 입력은 지역별 소수점/날짜 형식의 영향을 받지 않습니다.