색 조합이 정해지지 않아 작업이 멈췄다면 Coolors에서 스페이스바를 눌러 5색 팔레트를 먼저 만든 뒤, 필요한 코드만 가져가면 됩니다. 생성 자체는 로그인 없이 가능했지만, 무료 화면에는 광고가 보이고 저장·프로젝트 관리에는 한도가 있으므로 결과를 바로 복사해 두는 편이 안전합니다.
- 서비스: Coolors
- 확인일: 2026-10-19
- 사용 환경: 데스크톱 브라우저, 비로그인
- 가입·설치: 팔레트 생성과 코드 확인은 테스트에서 가입·설치 없이 가능했다. 저장은 무료 계정 기준 최대 10개로 안내된다.
- 결제: 기본 생성은 무료. 공식 가격 페이지의 Pro 표시는 월 결제 ₩7,538 또는 연 ₩43,608(월 환산 ₩3,634)이었다. 가격은 결제 시 다시 확인해야 한다.
스페이스바 한 번으로 시작한 5색 조합
생성기 화면은 색상 칸과 HEX 코드가 가로로 나뉘어 있고, 상단에는 Press the spacebar to generate color palettes! 안내가 표시됐다. 스페이스바를 누르자 8E9B90, 93C0A4, B6C4A2, D4CDAB, DCE2BD 다섯 코드가 새로 표시됐다.
이 단계의 목적은 완성된 브랜드 컬러를 결정하는 것이 아니라, 막연한 분위기를 비교 가능한 코드 묶음으로 바꾸는 데 있다. 마음에 들지 않으면 다시 스페이스바를 눌러 다른 조합을 보고, 후보 URL이나 코드를 메모하면 된다.
비로그인 생성기에서 스페이스바로 만든 5색 팔레트. 각 칸에 HEX 코드가 함께 표시됐다.
마음에 드는 조합은 코드로 바로 옮긴다
테스트 화면에서 Export를 열면 URL, Share, PDF, Image뿐 아니라 CSS, ASE, SVG, Code, Tailwind, Embed 항목이 보였다. 웹페이지의 색 변수나 디자인 전달 문서에 옮길 때는 팀이 쓰는 방식에 맞는 항목을 고르면 된다.
다만 내보내기 항목이 있다고 해서 모든 형식이 무료이거나 계정 없이 저장된다는 뜻은 아니다. 파일을 내려받거나 공유하기 전에는 해당 항목을 눌러 현재 플랜의 안내를 확인하는 편이 좋다. 이 글에서 실제로 확인한 범위는 Export 메뉴에 표시된 형식까지다.
웹 글자의 색을 정한다면 팔레트의 분위기만 보고 끝내지 말고 실제 배경과 글자 조합에서 읽히는지도 별도로 확인해야 한다. 한글 웹폰트를 적용하는 과정은 Google Fonts 한글 글꼴 찾기와 웹사이트 적용 방법에서 이어서 볼 수 있다.
무료로 충분한 경우와 Pro를 볼 시점
공식 가격 페이지는 무료 플랜을 ₩0으로 표시하며 광고 표시, 최대 5색 생성, 팔레트 10개 저장, 프로젝트·컬렉션 각 1개, 색상 5개 저장을 안내한다. 광고가 실제 생성 화면에 표시된 점도 확인했다.
같은 페이지에서 Pro는 광고 제거, 최대 10색 생성, 무제한 저장·프로젝트·컬렉션, 추가 내보내기와 대비 검사 등을 안내한다. 월 결제 표시는 ₩7,538, 연 결제는 ₩43,608(월 환산 ₩3,634)이었다.
한 번의 발표 자료나 작은 웹페이지에 쓸 후보를 몇 개 만들려는 경우에는 무료 생성으로 시작할 수 있다. 반대로 팔레트를 프로젝트별로 계속 보관하거나 광고 없이 색상 라이브러리를 관리해야 한다면 결제 직전 가격·기능을 공식 페이지에서 다시 비교하는 편이 낫다.
공식 가격 화면. 무료 플랜의 5색 생성·저장 한도와 Pro의 추가 기능이 함께 안내된다.
사진·클라이언트 자료를 올리기 전 확인할 것
Coolors는 이미지에서 색을 뽑는 기능도 제공하지만, 이번 테스트에서는 직접 업로드하지 않았다. 개인정보처리방침은 이메일·이름·추적기·사용 데이터 등 수집 가능 항목, 광고·분석·호스팅 등의 처리 목적을 설명한다.
따라서 계약서 화면, 고객 사진, 로그인 화면처럼 외부 업로드가 곤란한 이미지는 색 추출용으로도 올리지 않는 것이 좋다. 이미지를 쓰지 않아도 생성기만으로 색 후보와 HEX 코드를 얻을 수 있다.
이런 작업에는 잘 맞고, 이런 경우에는 부족하다
추천하는 경우
- 발표 자료나 랜딩 페이지의 첫 색 조합 후보가 필요할 때
- 디자이너에게 HEX 코드 다섯 개를 빠르게 전달해야 할 때
- 브랜드 규정이 없는 개인 프로젝트에서 분위기를 여러 번 비교할 때
다른 도구를 먼저 볼 경우
- 이미 정해진 CI·접근성 기준이 있어 임의 생성보다 규정 검토가 우선일 때
- 비공개 사진·고객 자료에서 색을 뽑아야 할 때
- 팀의 디자인 시스템과 라이브러리를 엄격히 동기화해야 할 때
화면 흐름을 간단한 도식으로 정리해 공유하려면 Excalidraw 무료 온라인 화이트보드 사용법도 함께 활용할 수 있다.
자주 묻는 질문
Coolors는 로그인 없이 쓸 수 있나요?
2026년 10월 19일 데스크톱 브라우저 테스트에서 스페이스바로 5색 팔레트를 만들고 HEX 코드를 보는 과정은 로그인 없이 가능했다. 저장 한도와 일부 기능은 공식 가격 페이지의 무료 플랜 조건을 확인해야 한다.
만든 팔레트를 CSS로 가져갈 수 있나요?
테스트한 Export 메뉴에는 CSS와 Code 항목이 표시됐다. 실제 파일·코드 형식과 플랜 적용 여부는 내보내기 화면에서 다시 확인한다.
이미지를 올려 색을 뽑아도 되나요?
민감하지 않은 이미지라면 기능을 검토할 수 있지만, 이번 글은 업로드 흐름을 테스트하지 않았다. 개인정보처리방침상 추적기·사용 데이터와 광고·분석 처리 안내가 있으므로 고객 자료나 비공개 이미지는 올리지 않는 편이 안전하다.
다음 행동
Coolors 생성기를 열고 스페이스바를 세 번 정도 눌러 후보를 만든 뒤, 가장 가까운 팔레트의 HEX 코드만 메모해 보자. 실제 화면에 적용하기 전에는 배경과 본문 글자 조합의 가독성을 별도로 점검해야 한다.
공식 출처
- Coolors 팔레트 생성기 — 직접 사용 확인, 2026-10-19
- Coolors 가격 — 무료·Pro 범위와 가격 표시 확인, 2026-10-19
- Coolors 개인정보처리방침 — 데이터·광고·분석 안내 확인, 2026-10-19