eloan
Coolors 로고

Coolors

무료+유료

색상 팔레트 자동 생성기.

Coolors 바로가기 ↗

Coolors 는 2014년 출시된 색상 팔레트 자동 생성 도구입니다. 스페이스바 한 번이면 새로운 5색 팔레트가 즉시 생성되는 단순한 인터랙션이 디자이너·개발자에게 강력한 매력입니다.

잠금(lock) 기능으로 마음에 든 색만 유지하고 나머지만 다시 생성하는 식으로 점진적으로 완벽한 팔레트를 만들 수 있습니다. 무료로 무제한 생성·저장·내보내기(PNG/PDF/SCSS/Tailwind config) 가능.

Adobe Color 같은 전문 도구가 색상 휠 기반의 이론적 조합이라면 Coolors 는 감각적·실험적 탐색에 적합. 브랜드 컬러를 빠르게 결정해야 할 때 1순위.

Pro($3/월) 결제 시 광고 제거 + 컬러 라이브러리 무제한 + 사진에서 컬러 추출 + 그라데이션 생성 풀 기능.

✨ 주요 기능

스페이스바 팔레트 생성

키 한 번에 5색 팔레트 즉시 생성. 무한 반복 가능.

잠금(Lock)

마음에 든 색만 유지하고 나머지만 재생성. 점진적 다듬기.

내보내기 형식

PNG, PDF, SVG, SCSS, CSS, Tailwind config, JSON 등.

사진 → 팔레트 추출

이미지 업로드 → 주요 색상 자동 추출.

Contrast Checker

WCAG 접근성 대비 자동 체크.

그라데이션 생성

두 색 사이 그라데이션 자동 생성.

팔레트 저장·공유

URL 로 팔레트 공유. 회원가입 시 영구 저장.

모바일 앱

iOS·안드로이드 앱으로 외부에서도 컬러 작업.

💰 가격 플랜 비교

무료

0원
  • 무제한 팔레트 생성
  • 기본 내보내기
  • 광고 노출
추천

Pro

$3/월 (약 4천원)
  • 광고 제거
  • 팔레트 라이브러리 무제한
  • 사진→팔레트 풀 사용
  • Tailwind·SCSS 풀 export

👍 장점

  • +스페이스바 인터랙션 매우 빠름
  • +내보내기 형식 다양 (Tailwind·SCSS·SVG)
  • +Pro $3 부담 적은 가격
  • +사진→팔레트 추출 강력
  • +Contrast Checker 로 접근성 즉시 확인

👎 단점

  • 색상 휠 기반 이론적 조합은 Adobe Color 가 우위
  • 무료 플랜 광고 다소 많음
  • AI 자동 추천은 Khroma 가 우위
  • 팔레트 영감이 비슷한 톤으로 수렴

🇰🇷 한국 사용자 가이드

한국 디자이너·개발자가 브랜드 컬러 결정·웹사이트 컬러 시안 작업에 자주 사용. 한국 신용카드 결제 정상. 카카오·네이버페이 미지원. Tailwind config 내보내기로 본 사이트(eloan) 같은 Tailwind 프로젝트에 즉시 적용.

🚀 시작하기 가이드

  1. 1

    사이트

    coolors.co 접속. 가입 없이 시작 가능.

  2. 2

    스페이스바

    Generate 페이지에서 스페이스바 → 새 팔레트. 마음에 들 때까지 반복.

  3. 3

    잠금 활용

    특정 색 위 자물쇠 클릭으로 잠금. 나머지만 다시 생성.

  4. 4

    내보내기

    Export 버튼 → PNG·SCSS·Tailwind config·JSON 등 선택.

  5. 5

    사진 → 팔레트

    Tools → Image Picker. 본인 이미지 업로드 → 주요 색 추출.

❓ 자주 묻는 질문

Q.Coolors 정말 무료? Pro 가치?

Coolors(coolors.co) = 무료 + Pro 유료 색상 팔레트 사이트. 무료 = 팔레트 생성·내보내기·기본 기능 가능. Pro($3/월·연 $33) = 광고 제거 + 사진→팔레트·그라데이션·라이브러리 풀 + 무제한 저장. 한 달 4천원 = 본격 디자인 작업 시 가성비. 사설 '컬러 팔레트 패키지' 업체는 ① 무료 사이트 모르는 사람 대상 ② 수수료 명목 ③ 본인이 무료 가능. coolors.co 공식 도메인만 이용. 한국 디자이너·개발자·블로거 누구나 활용 핵심 사이트. 글로벌 컬러 팔레트 1티어 — Spacebar 키 한 번에 즉시 새 팔레트 생성.

Q.Coolors vs Adobe Color 차이?

글로벌 컬러 도구 차이: ① Coolors = 빠른 인터랙션·실험적 탐색·다양한 export(Tailwind·SCSS·CSS·JSON), $3/월 ② Adobe Color = 색상 휠 기반 이론적 조합·접근성 체크 강력·CC 통합, CC 구독자 무료 ③ Khroma = AI 학습 기반 본인 취향 ④ Realtime Colors = 본인 사이트에 실시간 적용. 추천: ① 감각적·빠른 탐색 = Coolors 우선 ② 이론적 색상 휠·접근성 = Adobe Color ③ 본인 취향 학습 = Khroma ④ 본인 웹사이트 직접 적용 = Realtime Colors. 한국 디자이너 표준: Coolors(빠른 영감) + Adobe Color(이론·접근성) + Realtime Colors(웹 적용) 분담 활용.

Q.Coolors Pro 결제 가치? 한국 결제?

Coolors Pro 결제 가치: ① $3/월·연 $33(약 4.6만원) — 가성비 1티어 ② 광고 제거(가장 큰 가치) ③ 사진→팔레트 무제한 ④ 그라데이션 풀 사용 ⑤ 무제한 라이브러리 ⑥ Coolors AI(컬러 추천) ⑦ 본인 컬러 분류·태그. 한국 결제: ① 비자·마스터·아멕스 한국 신용카드·체크카드 정상 ② USD 결제 — $3/월(약 4천원) ③ 카카오·네이버페이 미지원 ④ 회사 결제 가능. 추천: ① 가벼운 사용 = 무료 충분 ② 본업 디자이너·웹 개발자 = Pro 가성비 1티어 ③ 본격 디자인 시스템 구축 = Pro. 한 달만 결제 후 해지 자유.

Q.Coolors 팔레트 생성·Spacebar?

Coolors 핵심 강점 = Spacebar 키 한 번에 즉시 새 팔레트 생성. 활용: ① 5색 팔레트 자동 생성 ② Spacebar 누를 때마다 새 조합 ③ 마음에 드는 색 클릭으로 'Lock' 고정 ④ 다른 색만 변경 ⑤ 본인 디자인 톤 빠른 발견. 추가 기능: ① Generate from Image — 사진→팔레트 ② Picker — HEX·RGB·HSL 직접 입력 ③ Trending Palettes — 인기 팔레트 둘러보기 ④ Collage — 팔레트 모음. 한국 디자이너 표준 워크플로우: Spacebar 빠른 영감 → 본인 회사 색상 적용 → Tailwind config export → 본인 디자인 시스템. 시간 큰 폭 절약.

Q.Coolors Tailwind·SCSS export 활용?

Coolors Export 형식: ① Tailwind config (가장 보편) — `tailwind.config.js` 의 colors 에 직접 붙여넣기 ② SCSS 변수 ③ CSS 변수 ④ JSON ⑤ PNG 이미지 ⑥ Procreate 팔레트(iPad 디자이너) ⑦ Adobe Swatch. 활용: ① 본인 회사 디자인 시스템 = Tailwind config 통합 → 모든 컴포넌트에 즉시 적용 ② SCSS 프로젝트 = SCSS 변수 import ③ CSS 변수 = 다크 모드·테마 지원 ④ 디자이너 → 개발자 인계 = JSON. 한국 웹 개발자 표준: Coolors → Tailwind config → 본인 회사 디자인 시스템 = 평생 자산. 디자인 일관성 + 시간 절약 1티어.

Q.Coolors Contrast Checker·접근성?

Coolors Contrast Checker = WCAG(Web Content Accessibility Guidelines) 접근성 기준 자동 계산. 활용: ① 두 색 입력 → 대비비 자동 계산 ② WCAG AA(4.5:1)·AAA(7:1) 통과 여부 표시 ③ 본인 디자인 접근성 체크. 활용 시나리오: ① 본인 사이트 텍스트 + 배경 색 = 대비 충분 확인 ② 시각장애·색맹 대응 ③ 정부·공공 사이트 = WCAG AA 의무 ④ 글로벌 진출 사이트 = 접근성 표준. WCAG 등급: ① AA = 표준(대부분 사이트 권장) ② AAA = 높은 접근성. 한국 사이트 = WCAG AA 기준 권장(법적 의무 일부). Coolors + Adobe Color + 본인 디자인 시스템 = 평생 접근성 안전.

Q.Coolors 사진→팔레트·이미지 컬러 추출?

Coolors Generate from Image 기능: ① 본인 사진·이미지 업로드 ② 자동 주요 색 5~10개 추출 ③ 팔레트 생성 ④ 본인 디자인에 적용. 활용: ① 본인 회사 로고 → 팔레트 추출 → 디자인 시스템 ② 영감 받은 사진 → 톤 분석 ③ 클라이언트 의뢰 작품 → 클라이언트 사진 → 톤 추출 ④ 본인 작품 톤 일관성. 정확도: ① 단순 사진 = 매우 정확 ② 복잡한 사진 = 주요 색 추출 정확 ③ 추출 후 색 미세 조정 가능. Pro 결제 시 무제한 사용. 한국 디자이너 표준: 본인 회사 로고·사진 → 팔레트 추출 → 디자인 시스템 통합 = 디자인 일관성 + 시간 절약.

Q.Coolors AI·트렌딩 팔레트?

Coolors 추가 기능: ① Coolors AI(Pro) — 본인 입력에 따라 AI 컬러 추천(예: '봄 카페 분위기') ② Trending Palettes — 인기 팔레트 둘러보기 + 영감 ③ Featured Palettes — 큐레이션 ④ Collections — 주제별 모음(자연·도시·음식·디지털). 활용: ① 본인 디자인 톤 막힐 때 = AI 추천 또는 Trending ② 영감 받기 = 다양한 팔레트 둘러보기 ③ 본인 컬렉션 만들기 ④ 회사 BI 시즌별 변경. 한국 디자이너 표준: ① 본인 디자인 시작 시 Trending Palettes 영감 ② 본인 팔레트 생성 후 Pro 라이브러리 저장 ③ 본인 회사 디자인 시스템 갱신.

Q.Coolors 회사 BI·디자인 시스템 활용?

Coolors 회사 BI·디자인 시스템 활용: ① 본인 회사 BI 색상 결정 — 5색 팔레트(Primary·Secondary·Accent·Neutral·Background) ② Tailwind config 통합 → 모든 컴포넌트에 적용 ③ Contrast Checker → 접근성 안전 ④ 다크 모드 색상 결정 ⑤ 시즌별·캠페인별 색상 변형 ⑥ 본인 디자인 시스템(Figma·Webflow) 통합. 워크플로우: ① 본인 회사 톤 분석(로고·사진) ② Coolors 사진→팔레트 ③ AI 추천 또는 Trending 영감 ④ 본인 5색 결정 ⑤ Tailwind export ⑥ 디자인 시스템 통합 + 디자이너 가이드 ⑦ 사용자 테스트. 한국 스타트업·디자인 회사·1인 사업자 표준 도구.

Q.Coolors 모바일 앱·휴대폰?

Coolors 공식 모바일 앱(iOS·Android) 제공. 기능: ① 팔레트 생성·저장 ② 사진 즉시 팔레트 변환 ③ 라이브러리 동기화 ④ 푸시 알림. 모바일 강점: ① 외부에서 영감받은 사진 즉시 팔레트로 변환·저장 ② 외출 중 빠른 영감 ③ 카메라 촬영 → 즉시 팔레트. 모바일 한계: ① 본격 디자인 = PC 권장 ② Tailwind export = PC 효율적 ③ Contrast Checker = PC 화면. 활용: ① 외출·영감 = 모바일 ② 본격 디자인 = PC ③ PC + 모바일 동기화. 한국 디자이너 = PC + 모바일 분담 활용 표준. 외출 시 영감 즉시 캡처 + 본인 PC 에서 본격 작업.

Q.Coolors 디자인 도구 통합?

Coolors 디자인 도구 통합: ① Figma — 'Coolors' 플러그인 = 직접 검색·삽입 ② Adobe Photoshop·Illustrator — Adobe Swatch export → import ③ Sketch — 팔레트 import ④ Webflow — CSS 변수 ⑤ Procreate(iPad) — Procreate 팔레트 export ⑥ Tailwind CSS — config 직접 통합. 활용: ① Figma 디자인 시안 = Coolors 플러그인 즉시 사용 ② 본인 회사 디자인 시스템 = 모든 도구에 동일 색상 ③ 디자이너 → 개발자 인계 = JSON 또는 Tailwind config. 한국 웹 디자이너 표준: Figma + Coolors 플러그인 + Tailwind config = 디자인-개발 통합 워크플로우.

Q.Coolors 한국 사용자 활용 시나리오?

한국 사용자 표준 활용: ① 웹 디자이너 = 회사 BI·웹사이트 색상 결정 ② UI/UX 디자이너 = SaaS·앱 디자인 시스템 ③ 1인 사업자 = 회사 BI 색상 결정 ④ 블로거 = 헤더·본문 색상 ⑤ 마케터 = SNS 카드뉴스 색상 ⑥ 학생·디자이너 = 학습·포트폴리오 ⑦ 본인 회사 디자인 시스템 구축. 평생 활용: 매월 디자인 작업 시 Coolors 활용 = 매년 50~300만원 컬러 컨설팅 비용 절약, 평생 누적 500만~3,000만원. 한국 디자이너에게 사실상 표준 도구. Spacebar 빠른 탐색 + Tailwind 통합 + 접근성 = 평생 자산.

Q.Coolors 환불·해지·자동 결제?

Coolors 환불: 결제 후 14일 이내 + 사용량 적음 = 케이스별 가능. 신청: account → cancel + contact. 한국어 작성 처리. 자동 결제 해지: 같은 메뉴 'Cancel' 즉시 가능, 결제한 달 끝까지 사용. 한 달만 결제 후 해지 자유, 페널티 없음. 카드 변경·삭제·인보이스 다운로드 가능. 연 결제 약 8~10% 할인 — Pro 연 $33(약 4.6만원). 사업자 결제 = 세금계산서 일부. 결제 옵션: 비자·마스터·아멕스 한국 카드 정상. USD 결제 — 환율 변동(약 4천원/월). 카카오·네이버페이 미지원. 본격 디자이너 = 연 결제 가성비.

Q.Coolors 사기·라이선스·주의사항?

최근 늘어나는 주의 사례: ① '컬러 팔레트 패키지' 사설 업체 — 무료 사이트를 유료 판매 ② 가짜 Coolors 사이트 — 본인 정보·악성코드 ③ 다른 사람 팔레트 무단 도용 → 윤리적 문제 ④ Pro 무료 평생 가짜 광고. 주의사항: ① coolors.co 공식 도메인만 ② 본인이 직접 사용 ③ 사설 업체에 카드·OTP 절대 알려주지 말기 ④ 의심 시 Coolors 고객센터 직접 확인 ⑤ 본인 팔레트 = 본인 자산 — Pro 라이브러리 보관 ⑥ 다른 사람 팔레트 영감 OK + 무단 도용 X. 색상 자체 = 저작권 없음(법적). 본인 디자인 시스템 = 본인 자산. 평생 자산 보호 = 본인 라이브러리 + 본인 회사 BI 차별화.

🔄 비슷한 도구 (대안)
Adobe ColorRealtime Colors
🔎 관련 검색어
🔙 카테고리로
🎁 무료 리소스 전체 보기

본 디렉토리는 등록 사이트와 제휴 관계가 없습니다. 가격·자격·기능 정보는 작성 시점 기준이며, 정확한 최신 내용은 각 사이트의 공식 안내에서 다시 확인해주세요.