컬러 피커

툴바 아이콘을 누른 뒤 Pick Color 버튼을 클릭하면 커서가 스포이드로 바뀌고, 클릭한 픽셀이 현재 색으로 잡힙니다. 값은 여섯 자리 대문자 HEX로 정리된 뒤 아래 RGB, HSL 줄로 변환되어 표시됩니다. 브라우저에 내장된 스포이드 기능을 사용하므로, 실행되지 않는 환경에서는 색 대신 오류 문구가 표시됩니다.

세 형식이 한 화면에 같이 나오고 줄마다 복사 버튼이 따로 있어 형식을 전환할 필요가 없습니다. HSL은 정수 각도와 정수 퍼센트로 반올림되고, RGB는 CSS에서 쓰는 쉼표 구분 형태입니다. 히스토리 격자의 색을 클릭할 때는 HEX 값이 복사됩니다.

확장 프로그램의 로컬 저장소에 hex 값과 추가된 시각 형태로 기기 안에 저장됩니다. 최대 20개까지 보관하며, 이미 있는 색을 다시 뽑으면 중복으로 쌓이지 않고 맨 앞으로 이동합니다. Clear all을 누르면 목록이 비워지고, 확장 프로그램을 삭제하면 저장된 값도 함께 사라집니다.

아래 입력란에 세 자리 또는 여섯 자리 hex를 넣으면 됩니다. # 기호는 있어도 없어도 되고, hex가 아닌 문자는 입력하는 순간 걸러집니다. Enter를 누르거나 Apply를 클릭하면 현재 색으로 적용되며 RGB와 HSL 값도 함께 계산됩니다. 형식이 맞지 않으면 오류 문구가 뜨고 색은 바뀌지 않습니다.

페이지 내용은 읽지 않습니다. manifest에 선언된 권한은 히스토리 저장용 storage와 복사 버튼용 clipboardWrite 두 가지뿐이고, 호스트 권한과 콘텐츠 스크립트가 아예 없어 페이지에 접근할 수단 자체가 없습니다. 스포이드는 팝업에서 브라우저 API로 실행되며, 저장되는 값은 로컬 저장소의 색상 히스토리뿐입니다.