Purple 색상

보라 — 창의성과 고급스러움의 색

#800080Purple

색상 값

HEX#800080

RGBrgb(128, 0, 128)

HSLhsl(300°, 100%, 25%)

CSSpurple

색조 팔레트

#F3E5F5

100

#E1BEE7

300

#BA68C8

500

#9C27B0

700

#7B1FA2

900

#4A148C

보색

↔

#008000

Green

유사색

#9400D3

Dark Violet

#6A0080

Deep Purple

CSS 사용법

CSS

/* By name */
color: purple;
background-color: purple;

/* By HEX */
color: #800080;
background-color: #800080;

/* By RGB */
color: rgb(128, 0, 128);

/* By HSL */
color: hsl(300deg, 100%, 25%);

/* With opacity */
color: rgba(128, 0, 128, 0.8);
color: hsl(300deg 100% 25% / 80%);

CSS `purple`(#800080)은 어두워 흰 배경에서 텍스트로 사용 가능합니다(대비율 약 5.3:1). 더 선명한 보라는 #9333EA(Tailwind purple-600), 더 밝은 보라는 #A855F7(Tailwind purple-500)을 사용하세요.

보라(#800080)는 빨강과 파랑의 혼합으로, 역사적으로 왕족과 귀족이 독점했던 색입니다. 창의성, 신비로움, 고급스러움, 지혜, 영적 각성을 상징하며 현대 UI에서는 창의적 플랫폼, 럭셔리 브랜드, AI 제품에서 자주 볼 수 있습니다. CSS named color `purple`은 #800080이며 다소 어두운 편입니다. Twitch, Discord 등 테크 문화 플랫폼이 보라를 주색으로 채택해 큰 영향력을 발휘하고 있습니다.

주요 사용 사례

▸AI·창의성 플랫폼 — Notion AI, Claude, Midjourney 등
▸게임·스트리밍 — Twitch, Discord 등 커뮤니티 플랫폼
▸럭셔리 뷰티 — 고급 화장품·향수 브랜드 UI
▸영적·웰니스 앱 — 명상, 요가, 타로 관련 서비스
▸과학·우주 테마 — 신비로운 우주 디자인
▸멤버십 등급 — VIP, Platinum, Royal 티어 표현

Purple 색상

CSS 사용법

주요 사용 사례

관련 색상