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製品、創造的なプラットフォーム、高級ブランドでよく見られます。TwitchやDiscordなどのプラットフォームが紫を主色として採用したことで、若い世代のテック文化と強く結びついています。

主な使用例

▸AI・クリエイティブプラットフォーム — Notion AI、Claude、Midjourney
▸ゲーム・ストリーミング — Twitch、Discordなどのコミュニティプラットフォーム
▸高級ビューティーブランド — プレミアムコスメと香水のUI
▸スピリチュアル・ウェルネスアプリ — 瞑想、ヨガ、タロット関連サービス
▸サイエンス・宇宙テーマ — 神秘的な宇宙デザイン
▸メンバーシップティア — VIP、プラチナ、ロイヤルレベルの表示

Purple カラー

CSS使用例

主な使用例

関連カラー