색상 선택기를 사용하면 웹페이지에서 색상을 추출할 수 있는 효율적인 수단이 됩니다. 색상 코디네이션을 위해 색상 선택기를 사용하든, 수행 중인 작업을 위해 특정 색조를 선택하든 상관없이 색상 선택기는 색상에 접근하는 실용적인 접근 방식을 제공합니다.

색상을 활용하는 것은 디자이너와 개발자만 할 수 있는 복잡한 과정으로 보일 수 있지만 반드시 그렇지만은 않습니다. 다행히도 Firefox 웹 브라우저에는 사용자가 탐색하는 동안 색상을 쉽게 식별할 수 있는 색상 선택기가 내장되어 있습니다. 아래에서 정확한 방법을 보여드리겠습니다.

Firefox에 내장된 색상 선택 도구 사용 방법

이제 웹사이트를 탐색하는 동안 Mozilla의 통합 스포이드 도구를 사용하여 색상을 선택할 수 있으므로 색상을 선택하기 위해 별도의 애플리케이션을 사용할 필요가 없습니다. 이 기능을 사용하려면 다음 단계를 따르세요:

Mozilla Firefox를 시작하라는 명령을 실행하면 웹 브라우저 애플리케이션이 시작됩니다.

원하는 웹사이트로 이동한 후 해당 웹페이지에 표시된 옵션 중에서 원하는 색상을 선택하세요.

⭐ 오른쪽 상단에서 햄버거 메뉴를 엽니다.

“추가 도구” 옵션을 클릭하세요.

⭐ 스포이드로 이동합니다.

⭐ 이 도구는 커서를 돋보기로 바꾸어 색상을 식별합니다. 커서를 이동하여 선택하려는 색상 위에 놓으면 해당 색상을 클릭하여 색상 코드를 복사합니다.

바로가기를 사용하여 스포이드 찾는 방법

“유용한 가이드를 통해 색상 선택 도구를 빠르게 찾아보세요.

⭐ 키보드에서 Ctrl + Shift + C를 누르세요.

해당 아이콘을 클릭하여 스포이드 도구로 이동하세요.

원형 돋보기가 화면에 표시됩니다.

원하는 색상을 클릭하여 선택하세요.

스포이드 도구로 쉽게 색상 찾기

탐색 중 색상을 탐색하는 것은 Firefox에 내장된 색상 선택기를 사용하면 간단하게 처리할 수 있습니다. 내장된 색상 선택기에 쉽게 액세스할 수 있으므로 추가 도구가 필요하지 않습니다. 하지만 웹 브라우징 중에 특정 색조를 선택하는 데 더 효율적인 방법을 찾고 있다면 몇 가지 효과적인 기법이 있습니다.

이 글도 확인해 보세요:  개발자와 디자이너를 위한 10가지 UI/UX 영감 사이트

By 최은지

윈도우(Windows)와 웹 서비스에 대한 전문 지식을 갖춘 노련한 UX 디자이너인 최은지님은 효율적이고 매력적인 디지털 경험을 개발하는 데 탁월한 능력을 발휘합니다. 사용자의 입장에서 생각하며 누구나 쉽게 접근하고 즐길 수 있는 콘텐츠를 개발하는 데 주력하고 있습니다. 사용자 경험을 향상시키기 위해 연구를 거듭하는 은지님은 All Things N 팀의 핵심 구성원으로 활약하고 있습니다.