티스토리 뷰

웹퍼블리싱

웹 페이지 내 사용된 Color 쉽게 확인하기

Mr.Ban 2022. 8. 9. 21:24

웹 페이지를 따라 만들때 사용된 Color를 쉽게 확인하는 방법이 있습니다.

Chrome에서 확장프로그램 ColorZilla를 사용하는 방법입니다.

 

ColorZilla

chrome 웹 스토어 > colorzilla

위 이미지에 나온대로 설치 해주시구요. 툴바에 고정하겠습니다.

툴바 고정
ColorZilla 시연

확장 프로그램을 클릭하면 커서 모양이 바뀌는데, 이때 복사하고 싶은 엘리먼트위로 커서를 올리면 색깔이 상단에 바뀌는것을 확인할 수 있습니다. 클릭시 클립보드로 색상이 복사가 됩니다.

 

단축키를 활용하시면 보다 신속하게 컬러 확인하실수 있습니다.

 

단축키 설정

설정
단축키 설정

 

'웹퍼블리싱' 카테고리의 다른 글

HTML 태그내에 장문 텍스트 쉽게 생성하기 (By lorem)  (0) 2022.08.11
Emmet을 이용한 CSS, HTML 태그 손쉽게 작성하기  (0) 2022.08.10
[Css pseudo] ':' vs '::' 비교  (0) 2022.08.10
웹 페이지 내 사용된 이미지 쉽게 다운로드하기  (0) 2022.08.09
Web Publishing 시작, 로그인 화면 작성  (0) 2022.04.19
댓글