Color 1 on Color 2
대비 샘플 텍스트
Text #E8E7E6onBG #B805FA
AA Large3.83:1큰 텍스트 AA 기준만 충족합니다.
Palette Detail
Violet Black Gallery
추천 분야와 이유
- AI 이미지 생성 앱 랜딩 페이지 — 네온 바이올렛은 AI 이미지 생성, 크리에이티브 툴, 디자인 자동화 서비스의 미래적이고 실험적인 이미지를 강하게 전달합니다. 블랙 배경은 결과물 미리보기와 CTA 버튼의 대비를 높이고, 아이보리 텍스트는 가독성을 안정적으로 보완합니다. 생성형 AI, 이미지 편집 앱, 디자인 플랫폼 키워드에 적합합니다.
- 일렉트로닉 음악 공연 포스터 — 선명한 바이올렛과 딥 블랙 조합은 일렉트로닉 음악, DJ 공연, 클럽 파티 포스터에서 야간 조명과 무대 에너지를 효과적으로 보여 줍니다. 회보라 톤은 타이포그래피와 라인 그래픽을 정리해 주며, 공연 일정, 티켓 예매, 라이브 이벤트 썸네일에서 강한 주목도를 만듭니다.
- 게이밍 키보드 상세 페이지 — 블랙과 바이올렛 포인트는 RGB 게이밍 키보드, 기계식 키보드, 게이밍 데스크 셋업과 잘 어울립니다. 어두운 배경은 LED 조명 효과를 선명하게 만들고, 그레이 퍼플 톤은 키캡, 알루미늄 바디, 제품 스펙 표를 세련되게 받쳐 줍니다. 게이밍 장비 SEO 키워드에 잘 맞습니다.
- 프리미엄 향수 온라인 배너 — 아이보리와 블랙의 대비는 프리미엄 향수, 니치 향수, 럭셔리 뷰티 배너에서 고급스러운 제품 이미지를 만들기 좋습니다. 바이올렛 포인트는 플로럴, 머스크, 앰버 향조를 신비롭고 현대적으로 보여 줍니다. 향수 선물, 고급 향수 추천, 뷰티 프로모션 키워드와 어울립니다.
- 디지털 아트 전시 초대장 — 블랙과 회보라 계열은 디지털 아트 전시, 미디어아트 갤러리, NFT 아트 쇼케이스에 필요한 어두운 전시장 분위기를 잘 만듭니다. 네온 바이올렛은 작품명, 날짜, 예약 버튼을 돋보이게 하며, 온라인 전시, 갤러리 초대장, 아트 이벤트 홍보물에서 세련된 집중도를 높입니다.
비추천 분야와 이유
- 유기농 이유식 파우치 패키지 — 유기농 이유식 파우치 패키지는 신뢰감, 안전함, 부드러운 식재료 이미지를 위해 따뜻한 파스텔과 자연색이 중요합니다. 이 조합은 블랙과 네온 바이올렛의 대비가 강해 아기 이유식, 영유아 간식, 무첨가 식품 키워드에서 필요한 순한 인상을 만들기 어렵습니다.
- 한의원 침 치료 안내 브로슈어 — 한의원 침 치료 브로슈어는 편안함, 회복, 자연 치유, 차분한 상담 이미지를 전달해야 합니다. 네온 바이올렛과 딥 블랙은 의료 안내문에서 지나치게 강한 야간 테크 분위기를 만들 수 있습니다. 통증 치료, 한방 클리닉, 체질 상담 키워드에는 안정감이 부족해 보입니다.
- 베이커리 식빵 봉투 디자인 — 식빵 봉투 디자인은 갓 구운 빵, 버터 향, 부드러운 식감, 아침 식사 이미지를 강조해야 합니다. 이 팔레트는 차갑고 디지털적인 인상이 강해 베이커리 포장, 수제 식빵, 브런치 메뉴 키워드와 어울리는 따뜻한 식욕을 충분히 전달하기 어렵습니다.
- 초등학교 학부모 안내문 — 초등학교 학부모 안내문은 명확한 정보 전달과 친근한 학교 이미지를 함께 보여 주어야 합니다. 강한 블랙과 네온 바이올렛은 공식 안내문에서 과하게 공연 포스터처럼 보일 수 있습니다. 가정통신문, 학교 공지, 교육 안내 자료에는 부드럽고 안정적인 톤이 더 적합합니다.
- 플라워 숍 봄꽃 정기구독 배너 — 봄꽃 정기구독 배너는 생화의 화사함, 계절감, 향기로운 분위기, 선물 이미지를 밝게 보여 주어야 합니다. 이 색상은 블랙과 퍼플 중심이라 튤립, 라넌큘러스, 프리지아 같은 봄꽃의 산뜻한 컬러를 무겁게 만들 수 있습니다. 플라워 배송 광고에는 생동감이 부족합니다.
팔레트가 주는 느낌
- 밝은 아이보리와 거의 검정에 가까운 블랙이 강한 명암 대비를 만들고, 선명한 네온 바이올렛이 시선을 즉시 끌어당기는 팔레트입니다. 회보라와 플럼 그레이가 중간 톤을 잡아 주어 과한 형광색만 남지 않고 세련된 디지털 무드를 형성합니다. 전체적으로 야간 전시장, 테크 제품, 음악 공연 포스터, 프리미엄 앱 화면이 떠오릅니다. 차분한 기본색 위에 강렬한 포인트가 들어가 고급스럽지만 실험적이고, 정적인 디자인 안에서도 즉각적인 클릭 유도와 브랜드 기억을 만들기 좋습니다.
WCAG Contrast
팔레트 색상 간 대비
각 색상을 텍스트 색상으로, 나머지 색상을 배경색으로 보았을 때의 WCAG 대비율입니다. AA는 4.5:1 이상, AAA는 7:1 이상을 의미합니다.
Color 1
#E8E7E6와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 1 on Color 3
대비 샘플 텍스트
Text #E8E7E6onBG #141014
AAA15.26:1일반 텍스트 AAA 기준을 충족합니다.
Color 1 on Color 4
대비 샘플 텍스트
Text #E8E7E6onBG #675E66
AA5.05:1일반 텍스트 AA 기준을 충족합니다.
Color 1 on Color 5
대비 샘플 텍스트
Text #E8E7E6onBG #7A5582
AA4.93:1일반 텍스트 AA 기준을 충족합니다.
Color 2
#B805FA와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 2 on Color 1
대비 샘플 텍스트
Text #B805FAonBG #E8E7E6
AA Large3.83:1큰 텍스트 AA 기준만 충족합니다.
Color 2 on Color 3
대비 샘플 텍스트
Text #B805FAonBG #141014
AA Large3.99:1큰 텍스트 AA 기준만 충족합니다.
Color 2 on Color 4
대비 샘플 텍스트
Text #B805FAonBG #675E66
Fail1.32:1텍스트 대비 기준에 미달합니다.
Color 2 on Color 5
대비 샘플 텍스트
Text #B805FAonBG #7A5582
Fail1.29:1텍스트 대비 기준에 미달합니다.
Color 3
#141014와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 3 on Color 1
대비 샘플 텍스트
Text #141014onBG #E8E7E6
AAA15.26:1일반 텍스트 AAA 기준을 충족합니다.
Color 3 on Color 2
대비 샘플 텍스트
Text #141014onBG #B805FA
AA Large3.99:1큰 텍스트 AA 기준만 충족합니다.
Color 3 on Color 4
대비 샘플 텍스트
Text #141014onBG #675E66
AA Large3.02:1큰 텍스트 AA 기준만 충족합니다.
Color 3 on Color 5
대비 샘플 텍스트
Text #141014onBG #7A5582
AA Large3.10:1큰 텍스트 AA 기준만 충족합니다.
Color 4
#675E66와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 4 on Color 1
대비 샘플 텍스트
Text #675E66onBG #E8E7E6
AA5.05:1일반 텍스트 AA 기준을 충족합니다.
Color 4 on Color 2
대비 샘플 텍스트
Text #675E66onBG #B805FA
Fail1.32:1텍스트 대비 기준에 미달합니다.
Color 4 on Color 3
대비 샘플 텍스트
Text #675E66onBG #141014
AA Large3.02:1큰 텍스트 AA 기준만 충족합니다.
Color 4 on Color 5
대비 샘플 텍스트
Text #675E66onBG #7A5582
Fail1.02:1텍스트 대비 기준에 미달합니다.
Color 5
#7A5582와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
Color 5 on Color 1
대비 샘플 텍스트
Text #7A5582onBG #E8E7E6
AA4.93:1일반 텍스트 AA 기준을 충족합니다.
Color 5 on Color 2
대비 샘플 텍스트
Text #7A5582onBG #B805FA
Fail1.29:1텍스트 대비 기준에 미달합니다.
Color 5 on Color 3
대비 샘플 텍스트
Text #7A5582onBG #141014
AA Large3.10:1큰 텍스트 AA 기준만 충족합니다.
Color 5 on Color 4
대비 샘플 텍스트
Text #7A5582onBG #675E66
Fail1.02:1텍스트 대비 기준에 미달합니다.
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
#E8E7E6와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #E8E7E6onBG #B805FA
Lc 75+-86 LcWCAG 3.83:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #E8E7E6onBG #141014
Lc 90+-133 LcWCAG 15.26:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #E8E7E6onBG #675E66
Lc 90+-97 LcWCAG 5.05:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #E8E7E6onBG #7A5582
Lc 90+-96 LcWCAG 4.93:1
Color 2
#B805FA와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #B805FAonBG #E8E7E6
Lc 75++83 LcWCAG 3.83:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #B805FAonBG #141014
Low Lc-45 LcWCAG 3.99:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #B805FAonBG #675E66
Low Lc-8 LcWCAG 1.32:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #B805FAonBG #7A5582
Low Lc-8 LcWCAG 1.29:1
Color 3
#141014와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #141014onBG #E8E7E6
Lc 90++134 LcWCAG 15.26:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #141014onBG #B805FA
Lc 45++52 LcWCAG 3.99:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #141014onBG #675E66
Low Lc+40 LcWCAG 3.02:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #141014onBG #7A5582
Low Lc+41 LcWCAG 3.10:1
Color 4
#675E66와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #675E66onBG #E8E7E6
Lc 90++95 LcWCAG 5.05:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #675E66onBG #B805FA
Low Lc+12 LcWCAG 1.32:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #675E66onBG #141014
Low Lc-34 LcWCAG 3.02:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #675E66onBG #7A5582
Low Lc+2 LcWCAG 1.02:1
Color 5
#7A5582와 다른 색상의 대비
나머지 4개 배경색과 비교합니다.
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #7A5582onBG #E8E7E6
Lc 90++94 LcWCAG 4.93:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #7A5582onBG #B805FA
Low Lc+11 LcWCAG 1.29:1
APCA sample · 밝은 글자 + 어두운 배경
인지 대비 샘플
Text #7A5582onBG #141014
Low Lc-35 LcWCAG 3.10:1
APCA sample · 어두운 글자 + 밝은 배경
인지 대비 샘플
Text #7A5582onBG #675E66
Low Lc+2 LcWCAG 1.02:1
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
색상 코드 상세
css
tailwind
More Palettes
다른 색상 팔레트도 둘러보기
현재 보고 있는 팔레트를 제외하고 랜덤으로 고른 4개의 팔레트입니다. 새로운 배색 아이디어가 필요할 때 함께 비교해 보세요.