어떤 때 쓰면 좋을까요?
참고 사이트의 배경이나 글자 색을 확인하고 내 디자인의 색을 맞출 때 활용합니다. 눈으로 비슷한 색을 고르는 대신 화면에서 값을 추출해 기록할 수 있어요.
여러 색을 사용할 때는 색 이름과 사용 위치를 함께 남겨두세요. 화면에 보이는 색은 투명도나 배경의 영향을 받을 수 있으므로 실제 요소의 스타일과 함께 확인하면 더 정확하게 적용할 수 있습니다.
ColorZilla
크롬 확장 · 이미지·디자인
웹 화면에서 색을 찍고 코드 복사하기
웹페이지의 색을 선택하고 HEX·RGB 값과 색상 팔레트를 확인하는 확장 프로그램입니다.
- 화면 색 추출
- HEX·RGB·팔레트 확인
이렇게 써보세요
내 사이트의 버튼과 본문 색을 찍어 HEX 코드를 기록하고 색상 목록을 정리해보세요.
얻는 결과재사용할 색 코드와 색상 목록
사용 순서
ColorZilla의 색 선택 도구를 엽니다
확인할 화면 지점을 선택합니다
색 코드를 복사하고 적용 위치를 기록합니다
사용할 때 알아두세요
색을 확인하는 도구입니다. 대비나 접근성 기준 충족 여부는 별도 검사로 확인하세요.
제작자 소개 · 2026-10-04 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.