IT/Web

크롬에서 북마크로 컬러 피커 (Color Picker) 만들어서 사용하는 방법

By HKEBI | 2023. 5. 4. 17:21

컬러 피커란 웹 브라우저에서 보이는 컨텐츠중에서 원하는 색상이 보일때 해당 색상의 RGB HEX 값을 알아 낼수 있는 색상 선택기를 말합니다. 보통 포토샵 같은 앱에서는 컬러 픽커가 기본적으로 제공이 되지만, 웹 브라우저에서 바로 확인을 하기 위해서는 개발자 도구나, 다른 확장프로그램등을 이용을 해야 합니다. 하지만 이마저도 번거로울수가 있기 때문에 조금더 간단한 방법으로 컬러 피커를 구현하는 방법이 있어 소개해 드리려고 합니다. 이 방법은 Chrome95 버전에 처음 등장을 했던 EyeDropper API 를 이용하는 방법으로 Javascript 로 간단하게 짜여 있는 Script 를 북마크에 등록을 해서 이용하는 방법입니다. 이 방법은 Paul Kinlan 이라는 개발자가 소개한 방법인데요. Paul..