웹서핑을 하다 마음에 드는 색상을 발견했는데, 그 색상의 코드를 바로 알고 싶었던 적 있으신가요? 영감을 받는 순간, 그 색을 바로 추출해서 사용하고 싶을 때가 많습니다. 이 때, 무료 색 추출 도구를 활용하면 쉽게 정확한 색상 코드를 알 수 있습니다. 이번 글은 설치 없이 브라우저에서 바로 사용할 수 있는 무료 색 추출 도구 3가지를 소개합니다. 3가지 모두 가볍고 빠르게 사용할 수 있는 유용한 도구입니다. 디자이너는 물론 마케터, 블로거, 대학생 모두 사용할 수 있는 쉬운 도구입니다.
* 이 글은 제휴 링크가 포함되어 있습니다. 제휴 링크로 일정 부분의 수수료를 받습니다. 이 수익은 더 나은 콘텐츠를 만들기 위해 투자합니다. 심플피는 직접 경험한 양질의 정보를 공유하기 위해 노력합니다.
1. Pick Color Online
Pick Color Online은 별도의 설치 없이 웹 브라우저에서 즉시 실행 가능한 색 추출 도구입니다. 사이트에서 Pick color를 클릭하고 마우스를 움직이면 커서 위치의 색상 코드를 알 수 있습니다. 크롬 브라우저에서 사용할 수 있고, 광고가 있는 색 추출 사이트입니다.
- 설치 없이 즉시 사용 가능
- HEX, CMYK, RGB, HSL 코드 지원
- 마우스 오버로 쉽게 색상 확인
사용 방법
Pick Color Online 홈페이지에서 Pick color를 클릭합니다. 이제 화면에서 색을 클릭합니다. 클릭한 색상은 Pick Color Online 사이트에 바로 표시됩니다. 색을 클릭하면 복사가 됩니다. *esc를 클릭하면 스포이드 기능이 해제됩니다.
2. Color Dropper
컬러 드롭퍼는 크롬 브라우저에서 사용할 수 있는 컬러 추출 도구입니다. 컬러 드롭퍼를 추가하고, 색상을 클릭하면 원하는 색의 색상 코드를 알 수 있습니다. 색을 클릭하면 바로 복사가 되기 때문에 사용이 더 간편합니다.
- 사용이 쉬운 인터페이스
- 클릭으로 바로 복사
- 웹페이지 색상 팔레트 확인 가능
사용 방법
크롬 브라우저에서 컬러 드롭퍼를 확장 프로그램에 추가합니다. Chrome 추가를 클릭하세요. 크롬 브라우저 오른쪽 상단의 확장 프로그램에서 컬러 드롭퍼를 고정합니다.
고정된 컬러 드롭퍼의 아이콘을 클릭하고, 색상 선택 버튼을 클릭합니다. 원하는 색을 클릭하면 바로 복사가 되고 색상 코드가 표시됩니다.
컬러 드롭퍼는 웹페이지의 색조합을 확인하는 기능이 있습니다. 마음에 드는 웹페이지에서 페이지 팔레트 탭을 클릭하면 페이지에 사용된 색상 팔레트가 표시됩니다. Color Dropper 바로가기
3. Eye Dropper
Eye Dropper는 위에 소개한 컬러 드롭퍼와 비슷한 색 추출 도구입니다. 크롬 브라우저에 확장 프로그램으로 추가하면 바로 색상 코드를 확인할 수 있습니다. 두 번 클릭으로 원하는 색을 찾을 수 있고, 색상 팔레트를 만들고 저장할 수 있습니다.
- HEX, RGB, HSL, HSV 코드 제공
- 색상 팔레트 생성 가능
- 그라데이션 생성 가능
사용 방법
크롬 브라우저에서 컬러 드롭퍼를 확장 프로그램에 추가합니다. Chrome 추가를 클릭하세요. 크롬 브라우저 오른쪽 상단의 확장 프로그램에서 Eye Dropper를 고정합니다.
고정된 Eye Dropper의 아이콘을 클릭하고, Pick a color from this web 버튼을 클릭합니다. 원하는 색을 클릭하면 색상 코드가 생성됩니다. 각 색상 코드를 클릭하면 복사됩니다.
“무료 색조합 PPT 템플릿 사용하기” (배너 클릭 시 제휴 페이지 이동)
마치며
이제 웹에서 마음에 드는 색상을 발견했을 때, 바로 색을 추출하여 활용하세요. 오늘 소개한 브라우저 색 추출 도구 3가지를 활용하면 원하는 색상 코드를 쉽게 확인하고 복사할 수 있습니다. 디자인 작업이 더 수월해집니다.
더 다양한 색상 아이디어나 색조합 관련 콘텐츠가 궁금하시다면 색조합 전체 보기를 참고해보세요. 색의 아이디어를 얻고, 색상 활용에 도움이 될 다양한 자료가 가득합니다.
