컬러로그 로고 이미지
← 모든 컬러 팔레트 보기

Palette Detail

Purple Line

추천 분야와 이유

  • AI 챗봇 모바일 앱 UI — 차가운 블루와 딥 퍼플 조합은 인공지능 서비스, AI 챗봇 앱, 생산성 도구 UI에 적합합니다. 신뢰감 있는 디지털 블루가 기술 전문성을 강조하고, 어두운 배경 컬러가 프리미엄 SaaS 플랫폼 이미지를 만듭니다. 라벤더 핑크 포인트는 CTA 버튼, 온보딩 화면, 대화형 인터페이스에 감성적 몰입감을 더해 사용자 경험 디자인 완성도를 높입니다.
  • 메타버스 아바타 커스터마이징 플랫폼 — 네온 블루와 바이올렛 계열은 메타버스 플랫폼, 아바타 꾸미기 서비스, 가상공간 브랜딩에 강한 몰입감을 제공합니다. 어두운 블랙 톤은 3D 캐릭터와 아이템을 돋보이게 하고, 보라색은 판타지 세계관과 디지털 정체성을 세련되게 표현합니다. 라벤더 핑크는 Z세대 취향의 감성적 포인트로 작동해 온라인 커뮤니티와 가상 패션 서비스에 효과적입니다.
  • 나이트 루틴 수면 명상 앱 — 딥 블랙과 퍼플 톤은 야간 사용성이 중요한 수면 명상 앱, ASMR 콘텐츠, 릴랙스 사운드 플랫폼에 잘 맞습니다. 어두운 색상은 눈의 피로를 줄이는 다크 모드 디자인에 적합하고, 연한 핑크와 아이스 블루는 차분한 안정감과 몽환적인 휴식 이미지를 전달합니다. 프리미엄 웰니스 앱, 수면 기록 서비스, 감성 힐링 콘텐츠 브랜딩에 추천합니다.
  • 홀로그램 패키지의 리퀴드 아이섀도 — 퍼플, 블루, 라벤더 핑크 조합은 리퀴드 아이섀도, 글리터 메이크업, 홀로그램 화장품 패키지에 강한 시각적 매력을 줍니다. 신비로운 보라색은 유니크한 뷰티 브랜드 이미지를 만들고, 밝은 블루는 쿨톤 메이크업 키워드와 잘 연결됩니다. 어두운 배경은 펄감과 광택을 고급스럽게 부각해 온라인 뷰티몰 상세페이지와 오프라인 진열대 모두에서 주목도를 높입니다.
  • SF 판타지 웹소설 표지 디자인 — 차가운 블루와 깊은 보라색은 SF 판타지 웹소설, 사이버펑크 로맨스, 초능력 세계관 표지에 적합합니다. 블랙 배경은 긴장감과 서사를 강화하고, 퍼플 계열은 마법적 분위기와 미스터리한 캐릭터성을 표현합니다. 연한 라벤더 핑크는 로맨스 판타지 감성을 더해 독자의 클릭을 유도하며, 웹툰 썸네일과 전자책 커버 디자인에서도 강한 장르 인식을 만듭니다.

비추천 분야와 이유

  • 유기농 이유식 파우치 패키지 — 유기농 이유식 패키지는 신선함, 안전함, 자연 친화적 이미지를 직관적으로 전달해야 합니다. 그러나 강한 블랙과 퍼플 중심의 색 조합은 다소 차갑고 인공적인 인상을 줄 수 있어 베이비푸드 브랜드 신뢰도 형성에 불리합니다. 부모가 기대하는 건강한 원재료, 무첨가 식품, 친환경 육아용품 이미지는 그린, 크림, 베이지 계열이 더 효과적입니다.
  • 전통 한과 선물세트 패키지 — 전통 한과 선물세트는 따뜻함, 정성, 명절 선물, 한국 전통미 키워드가 중요합니다. 네온에 가까운 블루와 딥 퍼플 조합은 미래적이고 디지털적인 느낌이 강해 약과, 유과, 강정 같은 전통 디저트의 고소하고 따뜻한 이미지를 약화할 수 있습니다. 고급 한식 선물 패키지에는 금색, 자주색, 아이보리, 한지 질감 색상이 더 적합합니다.
  • 농산물 직거래 마켓 로고 — 농산물 직거래 마켓 로고는 산지 신선도, 제철 채소, 로컬푸드, 친환경 농산물 이미지를 빠르게 전달해야 합니다. 해당 색 조합은 자연보다 우주, 기술, 야간 조명 이미지를 먼저 떠올리게 하므로 신뢰감 있는 먹거리 브랜딩에는 적합성이 낮습니다. 소비자가 기대하는 싱싱함과 건강함은 초록, 노랑, 흙색, 따뜻한 오렌지 계열이 더 명확하게 표현합니다.
  • 초등학생 문구세트 패키지 — 초등학생 문구세트는 밝고 친근하며 학습 동기를 높이는 컬러가 중요합니다. 어두운 블랙과 짙은 보라색은 고학년 게임 굿즈나 판타지 상품처럼 보일 수 있어 저연령 학용품 패키지에는 다소 무겁게 느껴질 수 있습니다. 어린이 문구, 신학기 준비물, 캐릭터 노트 브랜딩에는 옐로, 민트, 코랄, 스카이블루처럼 명랑한 색상이 구매 전환에 더 유리합니다.
  • 동네 베이커리 식빵 봉투 디자인 — 동네 베이커리 식빵 봉투는 갓 구운 빵, 고소한 향, 따뜻한 매장 분위기, 수제 베이커리 이미지를 전달해야 합니다. 차갑고 신비로운 블루·퍼플 계열은 식욕을 자극하기보다 디지털 제품이나 야간 이벤트를 연상시킬 수 있습니다. 식빵, 크루아상, 소금빵 같은 일상 베이커리 포장에는 크림, 브라운, 버터 옐로, 카라멜 톤이 더 자연스럽습니다.

팔레트가 주는 느낌

  • 차가운 아이스 블루와 깊은 블랙, 선명한 퍼플, 다크 바이올렛, 연한 라벤더 핑크가 함께 어우러져 미래적이면서도 몽환적인 분위기를 만듭니다. 전체적으로 사이버 감성, 미스틱 무드, 프리미엄 테크 이미지를 동시에 전달합니다. 밝은 블루는 신뢰감과 디지털 선명도를 주고, 짙은 보라 계열은 고급스러움과 신비로움을 강화합니다. 부드러운 핑크 톤은 차가운 인상을 완화해 감성적인 균형을 더합니다. 야간 조명, 판타지 세계관, AI 서비스, 뷰티 테크, 디지털 콘텐츠에 잘 어울리는 세련된 색 조합입니다.

WCAG Contrast

팔레트 색상 간 대비

각 색상을 텍스트 색상으로, 나머지 색상을 배경색으로 보았을 때의 WCAG 대비율입니다. AA는 4.5:1 이상, AAA는 7:1 이상을 의미합니다.

Color 1

#BD6FE8와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#BD6FE8

Color 1 on Color 2

대비 샘플 텍스트

Text #BD6FE8onBG #040407
AA
6.44:1일반 텍스트 AA 기준을 충족합니다.

Color 1 on Color 3

대비 샘플 텍스트

Text #BD6FE8onBG #5E199E
AA Large
3.13:1큰 텍스트 AA 기준만 충족합니다.

Color 1 on Color 4

대비 샘플 텍스트

Text #BD6FE8onBG #2B0C59
AA
5.08:1일반 텍스트 AA 기준을 충족합니다.

Color 1 on Color 5

대비 샘플 텍스트

Text #BD6FE8onBG #F2D7F8
Fail
2.40:1텍스트 대비 기준에 미달합니다.

Color 2

#040407와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#040407

Color 2 on Color 1

대비 샘플 텍스트

Text #040407onBG #BD6FE8
AA
6.44:1일반 텍스트 AA 기준을 충족합니다.

Color 2 on Color 3

대비 샘플 텍스트

Text #040407onBG #5E199E
Fail
2.06:1텍스트 대비 기준에 미달합니다.

Color 2 on Color 4

대비 샘플 텍스트

Text #040407onBG #2B0C59
Fail
1.27:1텍스트 대비 기준에 미달합니다.

Color 2 on Color 5

대비 샘플 텍스트

Text #040407onBG #F2D7F8
AAA
15.46:1일반 텍스트 AAA 기준을 충족합니다.

Color 3

#5E199E와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#5E199E

Color 3 on Color 1

대비 샘플 텍스트

Text #5E199EonBG #BD6FE8
AA Large
3.13:1큰 텍스트 AA 기준만 충족합니다.

Color 3 on Color 2

대비 샘플 텍스트

Text #5E199EonBG #040407
Fail
2.06:1텍스트 대비 기준에 미달합니다.

Color 3 on Color 4

대비 샘플 텍스트

Text #5E199EonBG #2B0C59
Fail
1.62:1텍스트 대비 기준에 미달합니다.

Color 3 on Color 5

대비 샘플 텍스트

Text #5E199EonBG #F2D7F8
AAA
7.52:1일반 텍스트 AAA 기준을 충족합니다.

Color 4

#2B0C59와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#2B0C59

Color 4 on Color 1

대비 샘플 텍스트

Text #2B0C59onBG #BD6FE8
AA
5.08:1일반 텍스트 AA 기준을 충족합니다.

Color 4 on Color 2

대비 샘플 텍스트

Text #2B0C59onBG #040407
Fail
1.27:1텍스트 대비 기준에 미달합니다.

Color 4 on Color 3

대비 샘플 텍스트

Text #2B0C59onBG #5E199E
Fail
1.62:1텍스트 대비 기준에 미달합니다.

Color 4 on Color 5

대비 샘플 텍스트

Text #2B0C59onBG #F2D7F8
AAA
12.20:1일반 텍스트 AAA 기준을 충족합니다.

Color 5

#F2D7F8와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#F2D7F8

Color 5 on Color 1

대비 샘플 텍스트

Text #F2D7F8onBG #BD6FE8
Fail
2.40:1텍스트 대비 기준에 미달합니다.

Color 5 on Color 2

대비 샘플 텍스트

Text #F2D7F8onBG #040407
AAA
15.46:1일반 텍스트 AAA 기준을 충족합니다.

Color 5 on Color 3

대비 샘플 텍스트

Text #F2D7F8onBG #5E199E
AAA
7.52:1일반 텍스트 AAA 기준을 충족합니다.

Color 5 on Color 4

대비 샘플 텍스트

Text #F2D7F8onBG #2B0C59
AAA
12.20:1일반 텍스트 AAA 기준을 충족합니다.

APCA Contrast

인지 대비 기반 가독성 분석

APCA(Advanced Perceptual Contrast Algorithm)는 WCAG 2.0의 단순 대비율을 보완해 사람 눈이 느끼는 휘도, 밝은 배경·어두운 배경의 순응 상태, 텍스트 크기별 권장 용도를 함께 해석합니다.

핵심 계산 공식

어두운 글자 + 밝은 배경: Lc = (Ybg^0.56 - Ytxt^0.57) × 161.8

밝은 글자 + 어두운 배경: Lc = (Ybg^0.62 - Ytxt^0.65) × 161.8

Y 값은 RGB 채널을 시각 가중치로 변환한 휘도이며, 161.8은 결과를 약 -105~+105 범위의 사람이 읽기 쉬운 점수로 맞추는 스케일 상수입니다.

실무 적용 가이드

Lc 90 이상
12px 수준의 작은 본문도 안정적
Lc 75 이상
14px~16px 일반 본문 권장
Lc 60 이상
굵은 글씨·24px 이상 타이틀 권장
Lc 45 이상
큰 버튼·부가 정보에 제한 활용

Color 1

#BD6FE8와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#BD6FE8

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #BD6FE8onBG #040407
Lc 60+
-68 LcWCAG 6.44:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #BD6FE8onBG #5E199E
Low Lc
-44 LcWCAG 3.13:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #BD6FE8onBG #2B0C59
Lc 45+
-59 LcWCAG 5.08:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #BD6FE8onBG #F2D7F8
Lc 45+
+59 LcWCAG 2.40:1

Color 2

#040407와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#040407

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #040407onBG #BD6FE8
Lc 75+
+76 LcWCAG 6.44:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #040407onBG #5E199E
Low Lc
+28 LcWCAG 2.06:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #040407onBG #2B0C59
Low Lc
+12 LcWCAG 1.27:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #040407onBG #F2D7F8
Lc 90+
+133 LcWCAG 15.46:1

Color 3

#5E199E와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#5E199E

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #5E199EonBG #BD6FE8
Lc 45+
+48 LcWCAG 3.13:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #5E199EonBG #040407
Low Lc
-22 LcWCAG 2.06:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #5E199EonBG #2B0C59
Low Lc
-13 LcWCAG 1.62:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #5E199EonBG #F2D7F8
Lc 90+
+106 LcWCAG 7.52:1

Color 4

#2B0C59와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#2B0C59

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #2B0C59onBG #BD6FE8
Lc 60+
+65 LcWCAG 5.08:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #2B0C59onBG #040407
Low Lc
-8 LcWCAG 1.27:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #2B0C59onBG #5E199E
Low Lc
+17 LcWCAG 1.62:1

APCA sample · 어두운 글자 + 밝은 배경

인지 대비 샘플

Text #2B0C59onBG #F2D7F8
Lc 90+
+122 LcWCAG 12.20:1

Color 5

#F2D7F8와 다른 색상의 대비

나머지 4개 배경색과 비교합니다.

#F2D7F8

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #F2D7F8onBG #BD6FE8
Lc 45+
-60 LcWCAG 2.40:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #F2D7F8onBG #040407
Lc 90+
-131 LcWCAG 15.46:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #F2D7F8onBG #5E199E
Lc 90+
-106 LcWCAG 7.52:1

APCA sample · 밝은 글자 + 어두운 배경

인지 대비 샘플

Text #F2D7F8onBG #2B0C59
Lc 90+
-121 LcWCAG 12.20:1

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

색상 코드 상세

css

tailwind

More Palettes

다른 색상 팔레트도 둘러보기

모든 팔레트 보기 →

현재 보고 있는 팔레트를 제외하고 랜덤으로 고른 4개의 팔레트입니다. 새로운 배색 아이디어가 필요할 때 함께 비교해 보세요.

Berry Chocolate Mousse

5 colors
  • #FA9B9B
  • #2E1414
  • #CA1418
  • #F6F6F5
  • #884C44

The Deep Ice

5 colors
  • #41C1D3
  • #044559
  • #9DDFE8
  • #041823
  • #169EB7

Blue Mango

5 colors
  • #0965A6
  • #F1B71F
  • #E6F1ED
  • #B34C0E
  • #64ACD9

Steel Walnut

5 colors
  • #C5B4A7
  • #394A50
  • #927769
  • #20201C
  • #A0B1BA