ColorZilla: 웹 디자이너를 위한 색상 도구 101

ColorZilla는 Google Chrome 및 Mozilla Firefox용 강력한 브라우저 확장 도구입니다. 웹 개발자와 그래픽 디자이너를 위해 색상 선택기, 그라데이션 생성기, 색상 기록을 포함한 다양한 색상 관련 기능을 제공합니다.

ColorZilla의 Google Chrome 확장은 기본 및 고급 기능을 포함하여 웹 개발자와 그래픽 디자이너가 색상 관련 작업을 처리할 수 있도록 도와줍니다.

ColorZilla에는 색상 피커, 스포이트, 그라데이션 생성기 및 기타 여러 고급 색상 도구가 포함되어 있습니다.

ColorZilla를 사용하면 브라우저의 모든 위치에서 색상 값을 가져오고, 이 색상을 빠르게 조정한 다음 다른 프로그램에 붙여넣을 수 있습니다. 페이지를 분석하여 그 색상의 팔레트를 확인할 수 있습니다. 고급 다중 정지 CSS 그라데이션을 만들 수 있습니다.

ColorZilla 기능:

• 스포이트 도구 - 페이지의 모든 픽셀 또는 영역의 색상을 가져오며, 브라우저 외부에서도 가능합니다.

• Photoshop 및 Paint Shop Pro에서 찾을 수 있는 것과 유사한 고급 색상 선택기입니다.

• 웹 페이지 색상 분석기 - 모든 웹 페이지에서 DOM 요소의 색상을 분석하고 해당 요소를 찾습니다.

• 궁극의 CSS 그라데이션 생성기.

• 7개의 사전 설치된 팔레트가 내장된 팔레트 뷰어.

• 최근에 선택한 색상을 기록하는 색상 기록.

• 다양한 샘플링 크기 - 1x1, 3x3, 5x5, 11x11 및 25x25 픽셀.

• 선택한 영역의 평균 색상을 샘플링합니다.

• 태그 이름, 클래스, ID, 크기 등의 요소 정보를 표시합니다.

• 커서 아래에 있는 요소를 윤곽선으로 표시합니다.

• 생성되거나 샘플링된 색상을 클립보드에 자동 복사하며, CSS RGB, Hex 및 기타 형식을 지원합니다.

• 페이지 색상을 빠르게 샘플링하기 위한 키보드 단축키.

• 마지막으로 샘플링한 픽셀을 재샘플링하여 동적 요소(예: 호버 링크 등)의 색상을 가져옵니다.

• 모든 확대/축소 수준에서 색상을 선택합니다.

CSS 그라데이션 생성기 기능:

• 강력한 Photoshop 스타일의 인터페이스

• 크로스 브라우저 CSS 출력

• 수평, 수직, 대각선 및 방사형 그라데이션

• 복잡한 다중 정지 그라데이션

• 여러 불투명도 정지 지점을 지원하는 불투명도

• Hex, rgb, rgba, hsl, hsla 색상 형식

• IE9의 완전한 다중 정지 그라데이션 지원

• 이미지에서 가져오기(이미지 그라데이션을 CSS로 변환)

• 기존 CSS에서 가져오기

• 색조, 채도, 밝기로 그라데이션 조정

• 135개 이상의 그라데이션 프리셋

• 사용자 정의 그라데이션 프리셋 저장

• Sass 출력

• 유연한 미리보기 패널

• 전송 및 공유를 위한 그라데이션 영구 링크

ColorZilla는 가장 사용자 친화적이고, 기능이 풍부하며, 안전하고 안정적인 색상 선택기 및 색상 관련 도구 모음입니다. Chrome 및 Firefox 개발자 확장 중 가장 인기 있는 것 중 하나이며, 전 세계적으로 1,000만 회 이상 다운로드되었습니다.

더 많은 기능이 곧 출시될 예정입니다!