색상 비교 선택기
여러 비슷한 색상을 독립 선택기와 실제 UI 미리보기로 비교합니다.
색상 비교 선택기 사용 가이드
색상 비교 선택기는 여러 인터페이스 색상을 나란히 놓고 실제 UI 미리보기로 미묘한 차이를 비교할 수 있는 무료 브라우저 도구입니다. 모든 처리가 브라우저 안에서 이루어져 입력한 색상 값이 기기 밖으로 나가지 않습니다.
브랜드 색이나 강조색 후보처럼 거의 비슷한 색조 중 하나를 골라야 하는 디자이너와 개발자를 위한 도구입니다. 각 색상마다 별도의 색상 선택기와 HEX 입력란이 있으며, 기본 두 개로 시작해 필요에 따라 색상을 추가하거나 삭제할 수 있습니다.
색상을 고르거나 #4F46E5 같은 6자리 HEX 값을 입력하면, 각 칸에서 옅은 컨테이너, 채운 버튼, 외곽선 버튼, 텍스트 버튼, 텍스트가 해당 색으로 즉시 미리보기됩니다. 버튼 글자색은 색상의 밝기에 따라 밝게 또는 어둡게 자동 설정되어 실제 대비를 가늠하기 좋습니다.
모든 계산은 네트워크 요청 없이 기기에서 처리되며, 입력한 색상은 페이지가 열려 있는 동안에만 유지됩니다. 팔레트 생성이나 접근성 점수, 다른 색상 형식 변환은 제공하지 않고 외관을 나란히 비교하는 데 초점을 맞추므로, 비슷한 색조를 고르기 위한 시각적 보조 도구로 활용하세요.
자주 묻는 질문
- 어떤 색상 형식을 입력할 수 있나요?
- 색상 선택기를 쓰거나 #4F46E5처럼 6자리 HEX 값을 직접 입력할 수 있습니다. 입력값은 검증되며, 6자리 형식이 아니면 안내 문구가 표시됩니다.
- 한 번에 몇 개의 색상을 비교할 수 있나요?
- 기본 두 개로 시작하며 색상 추가 버튼으로 더 늘릴 수 있습니다. 추가한 색은 삭제할 수 있지만, 비교 대상을 위해 최소 두 개는 항상 남습니다.
- 입력한 색상이 어딘가로 전송되거나 저장되나요?
- 아니요. 모든 미리보기는 네트워크 요청 없이 브라우저에서 생성되며, 입력한 색상은 페이지가 열려 있는 동안에만 유지됩니다.