purple
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#800080
CSS color
Purple (#800080) is the classic CSS purple — equal parts CSS red and blue, producing a medium-dark, vibrant violet-purple. Purple has carried royal, spiritual, and magical associations across cultures for millennia, historically derived from the rare Tyrian dye extracted from sea snails. Today CSS purple serves as a versatile, universally recognized "purple" in web design, from brand identities to UI accent colors.
カラー値
#800080
128, 0, 128
300.0, 100.0%, 25.1%
300.0, 100.0%, 50.2%
0.0%, 100.0%, 0.0%, 49.8%
0.4209 0.1935 328.4
プロパティ
色彩心理学
Dark magentas convey intensity, sensuality, and sophisticated allure. They combine the depth of purple with the energy of red, creating a rich emotional impact. These hues feel dramatic and confident, suggesting artistic mastery and creative depth.
Design Usage
Dark magentas add drama and sophistication to event branding and entertainment platforms. They work well in gradient transitions from dark to vibrant for immersive hero sections. Pair with dark backgrounds and bright accents for theatrical, high-contrast compositions.
カラーハーモニー
色覚異常シミュレーション
CSS使用法
Tailwindシェード
コントラストチェッカー
白背景のテキスト
9.42:1
黒背景のテキスト
2.23:1