온라인 4색 구성 도구
기준 색상을 입력하면 HSL 오프셋 0°, 60°, 180°, 240°로 4색 팔레트를 생성합니다. HEX, RGB, HSV, HSL 값으로 표시되며 브라우저에…
사용 시작
주요 기능 및 특징
이 도구는 디자인 프로젝트에서 사용할 수 있는 4색 조화 팔레트를 빠르게 생성합니다. 직사각형 테트라드 방식은 두 쌍의 보색 관계를 사용하여 균형 잡힌 색상 구성을 제공합니다.
작동 방식
기준 색상의 HSL 값을 기준으로 색상(H)에 60°, 180°, 240°를 더해 나머지 세 색상을 계산합니다. 채도와 명도는 기준 색상과 동일하게 유지되며, 결과는 정수로 반올림됩니다.
실제 예시
예를 들어 기준 색상으로 #FF0000(빨강)을 입력하면 다음 네 가지 색상이 생성됩니다:
#FF0000(빨강)#FFFF00(노랑)#00FFFF(청록)#0000FF(파랑)
이 예시는 HSL 오프셋이 정확히 0°, 60°, 180°, 240°일 때의 결과입니다.
제한 사항
- 직사각형 간격은 고정되어 있으며 각도 선택기가 없습니다.
- 결과 색상은 정수 반올림으로 인해 다른 팔레트 생성기와 약간 다를 수 있습니다.
- 이 도구는 자동 대비 점수, 색맹 시뮬레이션, 팔레트 파일 형식 선택 기능을 제공하지 않습니다.
- 모든 계산은 브라우저에서 로컬로 수행되며 서버로 데이터를 전송하지 않습니다.
사용 팁
생성된 팔레트는 디자인 후보로 사용하되, 접근성을 보장하지 않으므로 텍스트와 배경 조합을 별도로 테스트하는 것이 좋습니다. 모바일 사용자는 기준 색상을 선택하고 계산한 후 네 개의 스와치를 확인할 수 있습니다.
자주 묻는 질문
Q1: 이 도구는 정사각형 테트라드도 생성할 수 있나요?
아니요, 이 도구는 고정된 직사각형 테트라드만 생성합니다. 정사각형 테트라드는 모든 색상 간격이 90°인 반면, 직사각형 테트라드는 0°, 60°, 180°, 240° 간격을 사용합니다.
Q2: 결과 색상의 값을 편집하면 다른 색상도 자동으로 조정되나요?
아니요, 각 결과 패널의 값을 편집하면 해당 색상만 변경됩니다. 나머지 테트라드 색상은 자동으로 업데이트되지 않습니다.
Q3: 이 도구는 색맹 사용자를 위한 시뮬레이션을 제공하나요?
아니요, 이 도구에는 색맹 시뮬레이션 기능이 포함되어 있지 않습니다. 접근성이 중요한 경우 별도의 도구로 대비와 색상 조합을 테스트하는 것이 좋습니다.
처리는 브라우저에서 로컬로 수행됩니다.