カラーコードとパレット
マゼンタのカラーコード
マゼンタは赤と青を加法混色した鮮やかな色(#FF00FF)です。意図的に大胆で表情豊かなので、小さなアクセント、グラデーション、クリエイティブなデジタルアイデンティティに適しています。
マゼンタ
#FF00FF
カラー形式
同じベースカラーを主要な Web 形式で表しています。
濃淡
| カラー | 名前 | HEX | RGB | HSL | コピー |
|---|---|---|---|---|---|
| Magenta 50 | #FFE5FF | 255, 229, 255 | 300, 100%, 95% | ||
| Magenta 100 | #FFB3FF | 255, 179, 255 | 300, 100%, 85% | ||
| Magenta 200 | #FF80FF | 255, 128, 255 | 300, 100%, 75% | ||
| Magenta 300 | #FF4DFF | 255, 77, 255 | 300, 100%, 65% | ||
| Magenta 400 | #FF1AFF | 255, 26, 255 | 300, 100%, 55% | ||
| Magenta 500 | #E600E5 | 230, 0, 229 | 300, 100%, 45% | ||
| Magenta 600 | #B300B2 | 179, 0, 178 | 300, 100%, 35% | ||
| Magenta 700 | #80007F | 128, 0, 127 | 300, 100%, 25% | ||
| Magenta 800 | #4D004C | 77, 0, 76 | 301, 100%, 15% | ||
| Magenta 900 | #1A0019 | 26, 0, 25 | 302, 100%, 5% |
文字のコントラスト
これらの比率は WCAG の相対輝度の式で計算しています。
Aa 白い文字 3.14:1
AA · 大きなテキスト
Aa 黒い文字 6.70:1
AA
マゼンタの使い方
クリエイティブなブランドアクセント
ネオンやデュオトーンのグラデーション
エンタメ・イベントのグラフィック
マゼンタ と相性のよい色
#FF00FF をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。