일상/생활팁

웹사이트에서 원하는 색상 추출하는 방법 feat. 크롬 익스텐션

웹사이트를 돌아다니다가 어떤 색상인지 궁금했을 때가 있지 않으셨나요? 아니면 벤치마킹할 사이트에서 사용하고 있는 색상들을 알고 싶은 경우도 있을 것입니다. 웹사이트에서 사용하고 있는 컬러를 추출하는 방법에는 다양한 방법이 있습니다. 직접 크롬 개발자도구를 열어서 해당하는 DOM 엘리먼트에 어떤 색상이 적용되어 있는지 확인하는 방법도 있습니다. 하지만 개발자가 아니라면 이 방법은 사람에 따라서 꽤 까다로울 수 있습니다. 오늘은 크롬 익스텐션(크롬 확장프로그램)을 사용해서 웹사이트에서 사용하고 있는 색상을 손쉽게 추출하는 방법에 대해서 소개하도록 하겠습니다. 사용 방법 크롬 익스텐션 (크롬 확장프로그램) 사이트로 이동 Color Picker를 다운받기 위해 아래 경로를 통해서 Chrome 웹 스토어로 이동합..

개발/유틸리티

텍스트 에디터 Atom(아톰) 패키지 추천(color-picker)

color picker 구글 확장프로그램이나 기타 응용프로그램에서 자주 사용되는 color picker입니다. 꽤나 유용한 소프트웨어죠 !원하는 색상이 있으면, 찍어서 색상코드를 볼 수 있는 소프트웨어입니다. 그 기능을 Atom에서도 사용하게 도와주는 패키지가 있는데요. 바로 아래처럼 색상을 바로 뽑아볼 수 있습니다. Preview 매우 편리한 기능이죠? 설치법 아래는 color picker 명세입니다. A Color Picker for AtomRight click and select Color Picker, or hit CMD-SHIFT-C/CTRL-ALT-C to open it. Currently reads HEX, HEXa, RGB, RGBa, HSL, HSLa, HSV, HSVa, VEC3 and..