다른 웹 페이지에서 사용한 색깔을 알아내자 – 맥 미리보기

다른 웹 페이지에서 사용한 색깔을 알아내자 - 맥 미리보기

다른 웹 페이지에서 사용한 색깔을 알아내자 – 맥 미리보기

블로그를 하다 보면 다른 웹 페이지에 사용된 이미지나 글씨의 색깔이 필요할 때가 있다. 하지만 마음에 드는 색깔을 발견했다 하더라도 색깔 이름이나 코드를 알지 못하면 무용지물. 맥의 미리보기를 사용하면 쉽게 그 코드를 알아낼 수 있다. 다른 웹 페이지에서 사용한 색깔을 알아내자 – 맥 미리보기

1. 마음에 드는 부분을 캡쳐한다

맥에서 shift+command+4를 함께 누르면 부분을 캡쳐할 수 있다.

2. 미리보기로 파일열기

캡쳐한 파일은 보통 ‘스크린샷’이라는 이름으로 바탕화면에 저장된다. 이것을 두 번 탭하면 맥의 그림판이라고 할 수 있는 미리보기로 열린다.

3. 색깔을 알아보자

1) 마크업 도구 막대 열기

미리보기에서 검색창 옆에 있는 가방그림을 탭하면 마크업 도구 막대가 열린다.

2) 색상 팔레트 열기

검색창 바로 아래에 있는 색깔지정을 위한 네모 칸을 탭한다. 색깔을 지정할 수 있는 팔레트가 나오지만, 색깔 이름이나 코드는 알 수 없다. 맨 아래 있는 ‘색상보기’를 탭한다.

여러가지 팔레트가 열린다. 가운데에 있는 팔레트를 선택하고 톱니바퀴 옆에 창에서 ‘웹 전용 색상’을 선택한다.

3) 스포이드로 콕!

맨 아래를 보면 스포이드가 있다. 스포이드를 탭해서 마음에 드는 색깔에 가져가 대보자. 돋보기 처럼 확대된다. 원하는 부분에 정확히 가져다 콕하고 찍으면 아래에 해당 색깔과 컬러코드가 나온다. 이 코드를 복사해서 사용하면 된다.


원래 이 열매맺는나무 블로그 글 본문에서 제목은 까만 색을 사용했었다. 그런데 현재 사용하고 있는 MiniMag의 특성상 강제 개행이 되지 않아 답답한 느낌이 들었다. 그러다 어느 사이트에서 지금 사용된 것과 비슷한 색을 사용한 것을 보고 마음에 들어 알아낼 방법을 궁리해보았다.

생각해 보면 정말 간단하고 쉬운 방법인데 놓치는 경우도 많은 것 같아 소개해보았습니다.