색상 코드(HEX) 추출하는 법: 마음에 든 그 색, 5초 만에 내 것으로

콘텐츠를 만들다 보면 “이 색 진짜 예쁘다, 나도 쓰고 싶다”는 순간이 자주 찾아옵니다. 그런데 막상 그 색을 똑같이 가져오려면 막막하지요. 이럴 때 필요한 것이 바로 HEX 코드입니다. 색을 숫자로 정확하게 표현해 두면, 다음에도 똑같은 색을 언제든 불러올 수 있습니다.

HEX 코드가 뭔가요

HEX 코드는 #RRGGBB 형식의 6자리 16진수로 색을 나타내는 방식입니다. 예를 들어 꿀과장의 메인 색이라면 #E0900F 같은 식이지요. 앞에서부터 두 자리씩 끊어 각각 빨강(R)·초록(G)·파랑(B)의 강도를 의미합니다. 같은 색을 RGB(예: rgb(224, 144, 15))로도 표현할 수 있으며, RGB와 HEX 사이의 변환은 검색이나 변환 툴로 즉시 할 수 있습니다.

이렇게 색을 코드로 적어 두면 브랜드 색을 통일하거나, 썸네일·피드의 팔레트를 맞추거나, CSS·디자인 작업에 그대로 입력해 쓰기가 아주 편해집니다.

환경별 HEX 추출 방법

내가 쓰는 환경에 맞는 방법을 골라 보세요.

• 윈도우: PowerToys의 Color Picker 기능을 켜면, 단축키 한 번으로 화면 어디에 있는 색이든 추출할 수 있습니다.
• 맥: 기본 앱인 디지털 컬러 측정기(Digital Color Meter)로 화면 위 색을 바로 확인할 수 있습니다.
• 브라우저: 크롬 확장 프로그램 ColorZilla를 쓰거나, 개발자도구에 내장된 색상 스포이드로 웹페이지의 색을 뽑습니다.
• 디자인 툴: 포토샵·캔바·미리캔버스의 스포이드(아이드로퍼) 도구로 디자인 안의 색을 그대로 집어 옵니다.
• 온라인: 이미지를 업로드해 색을 추출해 주는 사이트(예: imagecolorpicker.com)를 이용하면 설치 없이 바로 쓸 수 있습니다.

팁: 브랜드 메인 색 2~3개의 HEX를 메모해두면 모든 콘텐츠의 색을 일관되게 맞출 수 있습니다.

마무리

색은 브랜드의 첫인상을 좌우하는 중요한 요소입니다. 마음에 드는 색을 발견했을 때 HEX 코드 하나만 챙겨 두면, 그 색을 어디서든 똑같이 재현할 수 있습니다. 오늘 소개한 방법 중 하나를 골라, 내 콘텐츠의 색을 깔끔하게 정리해 보시기 바랍니다.