👤 3,161 total uses◯ Free: 5 uses/day • Resets in 12h 59m
크리에이티브 & 디자인

색상 팔레트 생성기

16진수 코드, RGB 값 및 사용 지침을 사용하여 조화로운 색상 팔레트를 만드세요. 보완적, 유사, 삼중 및 브랜드별 스킴을 지원합니다.

자세히 알아보기

어떤 프로젝트에든 아름답고 목적에 맞는 컬러 팔레트를 생성하세요. 주요·보조·강조 색상에 대한 hex 코드, RGB 값, 색채 심리 설명, 접근성 대비 비율, 구체적인 사용 권장 사항을 받아 보세요.

0 / 3000

✓ 무료 사용 — 가입도, 신용카드도 필요 없습니다.

개발자

Calm palette for a meditation app

Developers and designers who need a cohesive, accessibility-aware palette with clear UI roles.

입력 및 출력 미리보기

입력

Project Description
A meditation and sleep app with guided sessions and soundscapes. We want the UI to feel soothing and reduce screen anxiety, with strong dark-mode support.
Mood
calm
Industry
wellness / health tech
Base Color
deep indigo
Palette Size
5

출력 (발췌)

PALETTE (calm, dark-mode-ready): Midnight Indigo #1B1B3A (primary bg), Twilight #3A3A6A (surface), Moonmist #A9B4D6 (secondary text), Soft Sage #9DC8B6 (calming accent / progress), Warm Sand #E8DCC4 (highlight for CTAs). USAGE: indigo and twilight carry the night theme; sage signals 'breathe/continue'; sand keeps CTAs from feeling clinical. All text pairings clear WCAG AA on their intended backgrounds. Light-mode variant: lift values 30% and swap bg to #F5F4FA.
마케터

Energetic palette for a sports drink brand

Marketers who want a shelf-popping, on-brand palette ready for packaging and digital.

입력 및 출력 미리보기

입력

Project Description
A new electrolyte drink brand targeting young athletes. Packaging, social, and a landing page that should feel high-energy and stand out on a crowded shelf.
Mood
energetic
Industry
sports nutrition / beverage
Base Color
#FF3B30
Palette Size
5

출력 (발췌)

PALETTE (energetic): Voltage Red #FF3B30 (hero), Citrus Punch #FFB300 (secondary), Ion Blue #0091FF (cool contrast), Carbon #14110F (text/depth), Pure White #FFFFFF (negative space). USAGE: red+amber owns the shelf and grabs the thumb-stop on social; ion blue cools the mix so it reads athletic, not candy. Carbon anchors typography for punch. Pairing rule: never red text on amber — use carbon. Great for cans, bold headlines, and a high-contrast landing hero.
프리랜서

Luxurious three-color palette for a boutique hotel

Freelance designers who need a tight, sophisticated palette for a premium hospitality client.

입력 및 출력 미리보기

입력

Project Description
Branding refresh for a boutique coastal hotel — website, signage, and printed welcome materials. Should feel quietly upscale and timeless.
Mood
luxurious
Industry
hospitality
Base Color
Palette Size
3

출력 (발췌)

PALETTE (luxurious, restrained): Deep Brine #14302E (primary — a dark coastal green), Champagne #D9C7A3 (gold-toned neutral for accents and foil), Bone #F2EEE6 (paper/background). USAGE: brine reads expensive and timeless on signage and footers; champagne is the foil/gold-stamp accent for menus and key cards; bone keeps everything breathing. Two-color rule keeps it elegant — never more than a champagne hairline on brine. Pairs beautifully with a high-contrast serif.

색상 팔레트 생성기 결과가 여기에 표시됩니다

생생하고 아이디어가 풍부한 글을 받게 됩니다. 마음에 들 때까지 다양한 관점으로 다시 생성해 보세요.

사용 방법 색상 팔레트 생성기

  1. 프로젝트와 그 목적을 설명하십시오.
  2. 기분과 산업을 선택하세요.
  3. 선택적으로 구축할 기본 색상을 지정하세요.
  4. 팔레트 크기를 선택하세요.
  5. 프로젝트에서 16진수 코드와 CSS 변수를 직접 사용하세요.

사용 사례

1

웹사이트 및 앱 색상 계획을 설계하세요

2

브랜드 색상 가이드라인을 만듭니다

3

마케팅 자료 색상 시스템 개발

4

접근 가능한 UI 색상 팔레트를 구축하세요

최고의 결과를 위한 팁

  • 60-30-10 규칙: 60% 기본, 30% 보조, 10% 강조는 시각적 조화를 만듭니다.
  • 항상 접근성을 위해 대비 비율을 확인하세요 — WCAG AA는 텍스트에 대해 4.5:1을 요구합니다.
  • 기존 로고가 있다면 그 색상을 팔레트의 기본으로 사용하세요.
  • 다크 모드는 단순히 색을 반전하는 것이 아닙니다. 팔레트가 다크 모드에 특화된 조정값을 제공합니다.

자주 묻는 질문

16진수 코드가 생산 준비가 되었나요?

네 — CSS, 디자인 도구 또는 인쇄 사양에서 직접 사용할 수 있는 정확한 헥스 코드와 RGB 값을 얻을 수 있습니다.

접근성을 보장하려면 어떻게 해야 하나요?

이 도구는 WCAG 대비 비율 및 색맹 호환성을 확인합니다. 항상 텍스트/배경 조합이 AA (4.5:1) 또는 AAA (7:1) 기준을 충족하는지 확인하세요.

기존 브랜드 색상을 기반으로 구축할 수 있나요?

네! 기본 색상 필드에 기존 색상을 입력하면 AI가 그에 맞는 보완 색상 팔레트를 구축합니다.

3, 5, 7 색상 팔레트의 차이는 무엇인가요?

3색은 간단하고 집중된 디자인에 적합합니다. 5색(표준)은 기본, 보조, 강조, 배경 및 텍스트를 포함합니다. 7색은 복잡한 UI 및 마케팅 자료에 더 많은 뉘앙스를 추가합니다.

다음 워크플로의 일부

이 도구는 더 많은 일을 처리하도록 돕는 단계별 가이드에서 사용됩니다

🔒
당신의 개인정보는 보호됩니다

당신의 텍스트는 저장되지 않습니다. 처리 과정은 실시간으로 이루어지며, 결과 생성 후 즉시 입력이 폐기됩니다.

무제한 액세스 잠금 해제

무료 사용자: 하루 10회 사용 | Pro 사용자: 무제한

⚖️ 이 도구 비교하기

이 도구가 다른 도구와 어떻게 비교되는지 살펴보세요:

색상 팔레트 생성기 vs. 무드 보드 생성기 비교 보기 →

✍️ 프롬프트 라이브러리

바로 사용할 수 있는 프롬프트 — "사용하기"를 클릭하면 도구에 자동으로 채워집니다

[company type]을 위한 브랜드 아이덴티티 프로젝트의 크리에이티브 브리프를 작성해 줘. 어조, 가치, 비주얼 방향성을 포함해 줘.

[key value]를 강조하는 [brand]의 태그라인 아이디어 10가지를 만들어 줘.

[product]을(를) 판매하는 랜딩 페이지를 위한 히어로 이미지 콘셉트를 설명해 주세요. 색상, 분위기, 구도를 포함해 주세요.

[audience]를 타깃으로 하는 신규 [product type]을 위한 제품 네이밍 브리프를 작성해 줘.

[brand personality] 브랜드를 위한 무드보드 설명(시각적 레퍼런스 5-7개)을 작성해 주세요.

🔒

⚡ Pro 프롬프트

[product] 온보딩 플로우를 위한 완전한 UX 카피 덱을…...
[brand type]을(를) 위한 종합적인 브랜드 보이스 가이드를 만들어…...
[campaign type] 캠페인을 위한 완전한 광고 크리에이티브 브리프를…...
Pro로 업그레이드 →

관련 도구

이 에이전트 사용해보기

Marken-BuilderMarkennamen generieren, Slogan erstellen, Markenstory schreiben und Markenrichtlinien definieren.이 에이전트 사용해보기 →

관련 워크플로

Wettbewerbsanalyse-BriefingFügen Sie eine Wettbewerber-URL oder einen Text ein → erhalten Sie eine Positionierungsanalyse + eine Auswahlliste…워크플로 실행 →