본문 바로가기
Studying IT

포토샵에서 color 색상을 HTML 코드로 가져오기

by life is goguma 2023. 2. 3.
728x90

웹서핑을 하다보면 색상이 넘 이쁜 이미지를 발견하게 된다.
이럴 때 이 색상정보를 알아보고 HTML 코드화해서 페이지 만들 때 활용할 수 있다. 

HTML 코드로 얻고 싶은 색상이 담긴 이미지를 불러온다.

툴바에서 Color Sampler Tool을 선택한다.

이쁜 색상이 있는 이미지의 부분을 클릭하면 다중 선택 가능하고 그 색상 정보는 Info 패널에서 확인가능하다.

다시 Eyedropper Tool을 선택한다.

다중 선택한 색상 중 코드화 하고 싶은 점에 가서 스포이드 모양이 나왔을 때 오른쪽 마우스를 클릭한다.
나오는 드롭다운 리스트 중 Copy Color as HTML을 선택한다.
클릭하면 클립보드에 HTML 코드가 카피되어 있다.

확인하고 싶으면 윈도우키 + R 단축키를 누른후 실행창에 notepad 라고 입력한 후 확인버튼을 클릭한다. 

메모장이 나타나면 메모장에 Ctrl+V를 해주면 HTML 코드가 나타난다.

댓글