인스타그램을 보다가 '이 사진 색감 진짜 미쳤다' 하고 감탄한 적이 한 번쯤 있다. 몽환적인 시티팝 무드나 차분한 미니멀리즘 감성이 묻어나는 사진을 보면 저장해 두기 바쁘다. 막상 내 블로그나 노션 페이지를 꾸미려고 하면 그 느낌이 잘 살지 않는다. 색상 조합에 감이 없기 때문이다.
디자인 전공자가 아니어도 상관없다. 내가 좋아하는 사진에서 핵심 색상을 그대로 훔쳐(?)오면 된다. Color Picker (색상 추출기)를 활용해 일상 속 감성을 디지털 공간에 옮겨 담는 방법을 알아본다.
이럴 때 써보세요
- 내 취향의 영화 스틸 컷이나 풍경 사진에서 색감을 추출해 노션 대시보드나 블로그 배경 테마로 쓰고 싶을 때
- 인스타그램 피드나 유튜브 채널 아트에 쓸 일관된 브랜드 컬러 조합을 빠르게 찾고 싶을 때
- 굿노트 다이어리 속지와 어울리는 파스텔톤이나 빈티지 톤의 색상 코드가 필요할 때
- 친구들과 함께 찍은 추억의 사진 속에서 가장 예쁜 메인 컬러를 뽑아 공유하고 싶을 때
사진 한 장으로 나만의 팔레트 만들기
과정은 단순하다. 복잡한 그래픽 프로그램을 켜지 않아도 된다.
먼저 마음에 드는 사진을 준비한다. 브라우저 창을 켜고 색상 추출기에 사진을 불러온다. 사진 위를 마우스로 슥슥 지나가거나 원하는 지점을 누르면 그곳의 색상이 고스란히 잡힌다.
화면에는 우리가 흔히 쓰는 HEX 코드부터 RGB, HSL 같은 디지털 색상 값이 실시간으로 뜬다. 웹 vs 인쇄, 어떤 색상 코드를 쓸까? HEX, RGB, CMYK, HSL 선택 가이드를 참고하면 상황에 맞는 최적의 코드를 선택하는 데 도움이 된다. 이 코드를 복사해서 내가 꾸미고 싶은 디지털 공간에 넣으면 끝이다. 별도의 회원가입이나 복잡한 설치 과정도 없다. 모든 연산이 내 브라우저 안에서 안전하게 이뤄진다.
더 재밌게 즐기는 팁
- 트렌디한 컨셉 정하기: '올드머니 룩'처럼 차분하고 클래식한 베이지와 네이비 조합을 찾고 싶다면 핀터레스트나 무드보드 이미지를 활용한다. 특정 컨셉의 사진 2~3장을 모아두고 각각의 메인 컬러를 뽑아내면 실패 없는 조합이 완성된다. 만약 직접 사진을 찾기 어렵다면 내 취향 저격 웹사이트 색상 추천과 1초 만에 끝내는 컬러 팔레트를 통해 감각적인 무드별 추천 조합을 확인해 보자.
- 웹 접근성 챙기기: 배경색과 글자색을 고를 때 시인성이 중요한 경우가 있다. 내 웹사이트 색상은 전문적일까? 디자인 톤앤매너 자가진단 체크리스트에서 다루는 WCAG 2.1 명도 대비 기준을 참고해 텍스트가 눈에 잘 들어오는 조합인지 가볍게 확인하면 가독성을 높일 수 있다.