티스토리 뷰
HowTo - Firefox 스포이드 도구로 16진수 코드 쉽게 확인하는 방법
웹 관련 개발자라면 특정 색상에 대한 16진수 코드를 자주 확인해야 할 수 있습니다. 블로그를 통해 소개해드린 "Color Cop" 툴과 같이 비교적 가볍고 쉽게 사용할 수 있는 별도의 프로그램을 설치하거나, 기본 브라우저에서 색상 코드를 확인할 수 있는 확장 프로그램을 설치했을 수 있습니다.
만약 Mozilla Firefox 브라우저를 사용한다면 타사 도구가 필요하지 않습니다. 별도 확장 프로그램 설치 없이도 Firefox 브라우저에 내장된 "스포이드" 도구가 있기 때문이죠.
이 도구는 웹 페이지에서 표현하려는 색상의 16진수 코드를 식별하는데 사용할 수 있습니다.
모질라 파이어폭스 기본 내장 스포이드 도구 사용
Mozilla Firefox 브라우저 내장 스포이드 도구를 사용하는 방법은 다음과 같습니다. 단순히 웹 페이지를 열고 메뉴 아이콘 선택 후 스포이드 도구를 선택하기만 하면 됩니다. 컴퓨터에 별도의 색상 확인 프로그램을 설치할 필요가 없습니다.
참고로 테스트 환경에서 사용된 Firefox Browser 버전은 91.0.1 (64-비트) 입니다. 버전에 따라 메뉴 구성, 도구 이름 등이 다를 수 있으므로 참고하시기 바랍니다.
STEP 01. Firefox 더 많은 도구
Mozilla Firefox 브라우저를 열고 색상 코드를 확인하려는 웹 페이지를 방문합니다. 오른쪽 상단의 [애플리케이션 메뉴]를 클릭한 다음 [더 많은 도구]를 선택합니다.
STEP 02. 스포이드(색상 선택 도구)
더 많은 도구 창에서 [스포이드] 옵션을 찾아 선택합니다.
STEP 03. 색상 16진수 코드 확인
이제 스포이드 기능이 활성화 되고 화면에 돋보기 모양의 원이 표시됩니다. 16진수 색상 코드 확인이 필요한 웹 페이지 화면으로 이동한 뒤 색상 위로 마우스(돋보기 모양)를 가져가면 해당 색상의 16진수 코드가 표시됩니다.
그동안 특정 색상의 16진수 코드를 알아내기 위해 타사 도구를 사용했다면, Firefox 브라우저 내장 스포이드 도구를 사용하여 빠르고 간편하게 확인할 수 있습니다.
'IT > How to' 카테고리의 다른 글
| 윈도우11 캡처 도구 PrtScr 키로 스크린샷 찍는 방법 (2) | 2021.08.29 |
|---|---|
| 윈도우10 미지원 PC에서 Windows 11 베타 채널 가입 및 설치 방법 (0) | 2021.08.23 |
| 윈도우10 소리가 나지 않을 때 쉽고 빠르게 해결하는 방법 (1) | 2021.08.22 |
| Mozilla Firefox 웹 페이지 텍스트 소리 내어 읽게 하는 방법 (0) | 2021.08.22 |
| 윈도우10 MsMpEng.exe 높은 CPU 사용률 해결 방법 (Antimalware Service Executable) (3) | 2021.08.18 |
| Microsoft Word 최근 문서 목록을 지우거나 숨기는 방법 (0) | 2021.08.16 |
| 크롬 "다음 권한을 요청합니다." 알림 표시 팝업 차단 방법 (0) | 2021.08.15 |
| 윈도우10 시작 메뉴 점프 목록, 작업 표시줄 최근에 연 항목 숨기기 (0) | 2021.08.13 |