색상 선택기
HEX 직접 입력·브라우저 EyeDropper와 최근 색상으로 색을 고르고 관련 harmony 색을 미리 봅니다.
사용 방법
- HEX를 입력하거나 EyeDropper 버튼을 사용하고 최근색·추천색을 클릭해 비교합니다.
핵심 기능과 처리 범위
선택한 색을 최근 6개 목록에 기억하고 role harmony 추천 swatch와 읽기 가능한 텍스트색 preview를 표시합니다.
처리 원리
유효 HEX를 정규화해 recent list와 harmonyColors(role) 결과를 갱신합니다.
예시
화면에서 #F2A65A를 고르면 해당 색 preview와 주변 추천 swatch가 나타납니다.
이럴 때 유용합니다
- 브라우저 안에서 빠르게 UI 색을 선택하고 후보를 복사할 때
사용 전 참고
- EyeDropper API는 일부 browser에서만 지원되며 화면 밖 OS picker 동작은 환경 권한에 따릅니다.
자주 묻는 질문
EyeDropper가 안 보이면 오류인가요?
아닙니다. 해당 browser가 EyeDropper API를 지원하지 않으면 직접 HEX 입력을 사용하면 됩니다.