マゼンタ

CMYK印刷の基本色のひとつです。染料が生まれたのと同じ年にイタリアで起きた「マジェンタの戦い」にちなんで名づけられました。画面上では赤と青の光が最大のときに現れます。

別名：マゼンタピンク, 赤紫色

マゼンタ · #FF00FF

マゼンタの基本情報

マゼンタ（#FF00FF）は、中間色系・中くらいの明るさ・鮮やかの色です。ピンク系の色のグループに属します。RGBの値は赤255・緑0・青255（各255段階）。主な用途：印刷, グラフィックデザイン, ウェブ。

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

トライアド近い色：黄色, シアン

スプリット・コンプリメンタリー近い色：シャルトリューズ, ミントグリーン

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · マゼンタ

類似色パレット · マゼンタ

補色パレット · マゼンタ

トライアドパレット · マゼンタ

ニュートラルカラー入りパレット · マゼンタ

アクセントカラー入りパレット · マゼンタ

白い文字コントラスト比 3.1:1 · AA（大きな文字）

黒い文字コントラスト比 6.7:1 · AA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

:root {
  --magenta: #FF00FF;
  --magenta-rgb: 255, 0, 255;
}
.bg { background-color: var(--magenta); }
.text { color: var(--magenta); }

マゼンタのカラーコードは？

マゼンタのHEXコードは#FF00FFです。RGBではrgb(255, 0, 255)、HSLではhsl(300, 100%, 50%)、CMYKでは0, 100, 0, 0となります。

マゼンタの補色は何色ですか？

色相環で反対側にある補色は#00FF00で、ネオングリーンに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

マゼンタの上に白い文字を置いても読みやすいですか？

黒い文字のほうがおすすめです。白とのコントラスト比は3.1:1しかありませんが、黒とは6.7:1になります。