브랜드 컬러 탐색기이란?
브랜드 색상 탐색기에서 Google, Spotify, Netflix 등 100개 이상의 유명 브랜드 공식 색상 팔레트를 둘러볼 수 있습니다. 디자인, 프레젠테이션, 개발 작업에 활용할 헥스 코드를 즉시 복사하세요.
브랜드는 테크놀로지, 소셜 미디어, 식음료, 금융, 엔터테인먼트, 리테일, 자동차, 스포츠, 헬스케어, 여행의 열 개 카테고리로 정리되어 있습니다. 각 카드에는 공개된 브랜드 가이드에서 가져온 공식 메인·서브·액센트 코드가 표시되며, 원클릭으로 HEX·RGB·HSL 어느 형식으로든 복사할 수 있습니다. 검색창은 브랜드 이름과 매칭되고, 카테고리 칩으로 비슷한 회사를 나란히 비교할 수 있습니다.
사용 방법
- 카테고리별로 브랜드를 탐색하거나 특정 브랜드명을 검색하세요.
- 형식 토글에서 HEX, RGB 또는 HSL을 고른 다음 원하는 스와치를 클릭하면 선택한 형식으로 색이 복사됩니다.
- 각 브랜드의 전체 팔레트를 보고 원하는 방식으로 가져가세요: 스와치를 클릭하면 색 하나 복사, ‘전체 복사’를 누르면 쉼표로 구분된 HEX 목록, CSS는 사용자 정의 속성, Tailwind는 설정 블록, PNG는 스와치 시트를 내려받습니다.
사용 시기
- 실제 브랜드를 인용하는 발표 자료에서 색이 정확한 로고가 필요할 때
- 같은 분야의 경쟁사나 지향하는 브랜드의 팔레트에서 영감을 얻고 싶을 때
- 공동 브랜딩 랜딩 페이지에서 두 브랜드의 정확한 HEX 값을 몇 초 안에 확보해야 할 때
결과
Spotify를 언급하는 프레젠테이션을 디자인할 때, 'Spotify'를 검색하여 그린(#1DB954)을 찾고 한 번의 클릭으로 복사하여 디자인 도구에서 사용하세요.
자주 묻는 질문
- 이 색상 코드는 어디서 가져온 건가요?
- 각 브랜드가 공개한 스타일 가이드나 프레스 키트가 출처이고, 로고 SVG가 있으면 한 번 더 대조했습니다. 어떤 상표권도 주장하지 않으며 이 값들은 디자인 참고용일 뿐 공식 인증을 뜻하지 않습니다.
- 이 색을 제 작업에 써도 되나요?
- 색 코드 자체는 저작권 보호 대상이 아니지만 브랜드 정체성은 보호됩니다. 시안·목업·비교 자료·에디토리얼 글에는 부담 없이 쓸 수 있고, 제휴를 암시할 수 있는 작업이라면 해당 브랜드의 상표 정책을 먼저 확인하세요.
- 어떤 브랜드는 4~5색이고 어떤 브랜드는 2색뿐인 이유는?
- 회사가 공개한 그대로 반영합니다. Google은 로고의 4글자에 맞춰 주색이 4개이고, Apple의 공식 팔레트는 검정·실버·포인트 블루만 두는 식으로 의도적으로 단출합니다.
- 전체 목록을 Figma나 에디터로 한 번에 내보낼 수 있나요?
- 네 — 브랜드 카드마다 전용 내보내기 줄이 있습니다. ‘전체 복사’는 팔레트 전체를 쉼표로 구분된 HEX 목록으로 클립보드에 담고, CSS 버튼은 붙여넣기만 하면 되는 사용자 정의 속성(예: --tesla-red: #CC0000;)으로 복사하며, Tailwind 버튼은 브랜드 이름을 키로 하는 tailwind.config.js 색상 블록을 복사하고, PNG 버튼은 발표 자료에 어울리는 깔끔한 스와치 시트를 저장합니다. 여전히 형식 토글로 HEX, RGB, HSL을 골라 스와치를 하나씩 복사할 수 있고, 각 스와치에는 그 위 텍스트의 가독성을 알려 주는 작은 AA/AAA 배지가 표시됩니다.
- 관심 있는 브랜드가 빠져 있어요. 추가해 줄 수 있나요?
- 검색 유용성을 위해 전 세계적으로 인지도가 높은 브랜드 중심으로 정리합니다. 데이터 크기를 일부러 제한하고 있으니, 틈새 브랜드나 로컬 브랜드는 보통 해당 회사의 About 페이지에서 색상을 더 빨리 확인할 수 있습니다.