색상 비교 선택기

여러 비슷한 색상을 독립 선택기와 실제 UI 미리보기로 비교합니다.

색상 비교 선택기 사용 가이드

색을 나란히 놓고 인터페이스 미리 보기에서 비교합니다.

유효한 색 값을 입력하거나 색 선택기를 사용해 견본과 미리 보기를 비교하세요.

현재 색 값을 복사해 디자인 메모나 스타일시트에 옮기세요.

계산·렌더링은 이 브라우저 탭에서 처리합니다. 복사·다운로드·공유를 하면 선택한 결과가 탭 밖에서도 사용될 수 있습니다.

따라 해 보기

입력·설정
빨강 #ff0000과 파랑 #0000ff
동작
두 색 비교
결과
선택한 색 값에 대응하는 빨강·파랑 미리 보기가 표시됩니다.

지원 범위와 주의점

  • 잘못된 색 입력은 유효한 내보내기 결과로 취급하지 않습니다. 명암비 측정이나 CSS 테마 생성 기능은 제공하지 않습니다.

자주 묻는 질문

미리 보기만으로 접근성을 판단할 수 있나요?
시각 비교는 주관적입니다. 실제 인터페이스의 명암비와 상호작용 상태는 따로 확인해야 합니다.

계정·동기화·광고·분석의 데이터 흐름은 개인정보처리방침에서 확인하세요.