Chrome용 ColorZilla 도움말

내용

• 스포이드
• 색상 선택기
• 웹페이지 색상 분석기
• 히스토리 팔레트
• DOM 검사 도구
• 옵션 및 구성

스포이드

• ColorZilla 툴바 아이콘을 클릭하세요
• Windows에서는 드로퍼가 자동으로 활성화됩니다 - 샘플링하려는 픽셀 위로 이동하여 클릭하세요. Mac 및 기타 플랫폼에서는 "페이지에서 색상 선택"을 선택하세요.
• 모니터링이 중지되고 마지막으로 샘플링한 색상 값이 기억됩니다.
• 샘플링한 색상이 동적 요소의 색상(예: 마우스를 올린 링크)이고 원래 색상을 원한다면, ColorZilla 아이콘을 다시 클릭하고 "마지막 위치 재샘플링"을 선택하세요.

내용으로 돌아가기

색상 선택기

• ColorZilla 메인 메뉴에서 색상 선택기를 선택하여 현재 선택된 색상으로 색상 선택기를 엽니다.
• 편집 상자에서 직접 구성 요소를 수정하거나 색상 팔레트를 클릭하여 색상을 조작하세요.
• 색상 구성 요소(R/G/B 또는 H/S/B) 근처의 라디오 버튼을 선택하여 해당 구성 요소를 기반으로 한 팔레트를 얻습니다.
• 좁은 팔레트를 사용하여 선택된 구성 요소 값을 변경하고, 메인 팔레트를 사용하여 다른 두 가지를 변경합니다.
• 다양한 형식의 입력 상자에서 현재 색상 값을 직접 복사하고 다른 곳에 붙여넣을 수 있습니다.
• 색상 선택기에서 "확인"을 눌러 선택한 색상을 수락합니다.

내용으로 돌아가기

웹페이지 색상 분석기

• ColorZilla 메인 메뉴에서 실행하세요.
• 웹 페이지의 DOM 요소 색상을 분석할 수 있습니다.
• 어떤 색상이든 마우스를 올려 놓으면 해당 색상에 해당하는 페이지의 요소를 찾을 수 있습니다.
• 색상을 클릭하여 현재 ColorZilla 색상으로 선택한 다음 '확인' 버튼을 클릭하세요.

내용으로 돌아가기

히스토리 팔레트

• 샘플링한 색상과 수동으로 선택한 색상은 모두 히스토리 팔레트에 자동으로 저장됩니다.
• 히스토리 팔레트는 현재 색상 선택기 패널의 일부입니다.

내용으로 돌아가기

DOM 검사 도구

• ColorZilla는 커서 아래의 요소에 대한 다음 DOM 정보를 표시할 수 있습니다:
  • 요소 태그, 클래스 및 id
  • 마우스를 올린 요소의 크기
• ColorZilla는 마우스를 올린 요소를 강조 표시할 수 있습니다. 이 기능을 활성화하려면 옵션 > 마우스를 올린 요소 강조 표시가 활성화되어 있는지 확인하세요.

내용으로 돌아가기

옵션 및 구성

• 자동 복사 - 샘플링한 색상 값을 클립보드에 자동으로 복사하도록 ColorZilla를 설정할 수 있습니다. 옵션 > 자동 복사 > 활성화를 선택하고 선호하는 색상 형식을 선택하세요.
• 메인 메뉴의 "특별 복사..."를 사용하여 다양한 형식으로 샘플링된 색상을 클립보드에 복사할 수 있습니다.
• 현재 요소 강조 표시는 옵션 > 마우스를 올린 요소 강조 표시를 사용하여 활성화 및 비활성화할 수 있습니다.
• ColorZilla 아이콘을 누를 때 드로퍼가 자동으로 시작하는 것을 비활성화할 수 있습니다.

내용으로 돌아가기