◯ 무료: 하루 5회 • 초기화까지 17h 6m
크리에이티브 & 디자인

색상 팔레트 생성기

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

자세히 알아보기

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

0 / 3000

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

개발자

명상 앱을 위한 차분한 팔레트

명확한 UI 역할이 있는 일관되고 접근성 인식 팔레트가 필요한 개발자와 디자이너.

입력 및 출력 미리보기

입력

프로젝트 설명
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.
분위기 / 느낌
차분함 / 고요함
업종
wellness / health tech
기본 색상 (선택)
deep indigo
팔레트 크기
5 색상 (standart)

출력 (발췌)

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.
마케터

스포츠 음료 브랜드를 위한 활기찬 팔레트

패키징과 디지털에 바로 쓸 진열대에서 튀는 브랜드 일관 팔레트를 원하는 마케터.

입력 및 출력 미리보기

입력

프로젝트 설명
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.
분위기 / 느낌
활기찬 / 대담한
업종
sports nutrition / beverage
기본 색상 (선택)
#FF3B30
팔레트 크기
5 색상 (standart)

출력 (발췌)

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.
프리랜서

부티크 호텔을 위한 고급스러운 3색 팔레트

프리미엄 호스피탈리티 고객을 위한 간결하고 세련된 팔레트가 필요한 프리랜스 디자이너.

입력 및 출력 미리보기

입력

프로젝트 설명
Branding refresh for a boutique coastal hotel — website, signage, and printed welcome materials. Should feel quietly upscale and timeless.
분위기 / 느낌
호화 / 프리미엄
업종
hospitality
기본 색상 (선택)
팔레트 크기
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 및 마케팅 자료에 더 많은 뉘앙스를 추가합니다.

다음 워크플로의 일부

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

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

입력한 내용과 결과는 서비스 운영, 악용 방지, 그리고 로그인한 경우 기록 표시를 위해 최대 90일 동안 보관합니다. 처리는 개인정보 처리방침에 명시된 AI 제공업체가 담당합니다. 판매하지 않습니다.

⚖️ 이 도구 비교하기

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

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

관련 도구

이 에이전트 사용해보기

브랜드 빌더브랜드 이름을 생성하고, 슬로건을 만들고, 브랜드 스토리를 작성하고, 브랜드 가이드라인을 정의합니다.이 에이전트 사용해보기 →

관련 워크플로

브랜드 아이덴티티 구축하기콘셉트에서 일관된 비주얼 시스템까지워크플로 실행 →