エレクトリック・ライム (#00FF00) や サイバー・ピンク (#FF00FF) といったネオンカラー(蛍光色)は、暗い背景でその真価を発揮します。これらは光の放出(エミッション)をシミュレートし、ハイテクなナイトモードや未来的なUIスタイルに不可欠な要素となっています。
ハイエネルギーなサイバーパンク・スペクトル
色彩構成 / Palette:
#00FF00
#FF00FF
#00FFFF
#FFFF00
#FF1493
推奨用途 / Use Cases:
80年代レトロ・シンセウェーブの雰囲気
色彩構成 / Palette:
#FF6EC7
#FF9966
#FFCC00
#00FF7F
#7B68EE
推奨用途 / Use Cases:
放射を思わせる強烈なグリーン
色彩構成 / Palette:
#39FF14
#CCFF00
#00FF00
#7FFF00
#ADFF2F
推奨用途 / Use Cases:
強烈なパープルプラズマ
色彩構成 / Palette:
#FF00FF
#BF00FF
#9400D3
#8B00FF
#800080
推奨用途 / Use Cases:
デジタルマトリックスの雨のようなエフェクト
色彩構成 / Palette:
#00FF00
#003300
#008000
#39FF14
#7FFF00
推奨用途 / Use Cases:
燃え上がるようなネオンファイア・スペクトル
色彩構成 / Palette:
#FF4500
#FF6347
#FF7F50
#FFA500
#FFD700
推奨用途 / Use Cases:
ネオンカラーは究極のエネルギーと興奮を発散します。光の放出をシミュレートし、電気的な感触を与えます。
ネオンはテクノロジー、サイバーパンク、そして未来的(フューチャリスティック)なデザインテーマと強く結びついています。
夜の街、パーティー、そして反体制的なカウンターカルチャーの美学を想起させます。
ネオンの際立った彩度は瞬時に目を引きます。CTA(行動喚起)や警告に最適です。
ネオンカラーは暗い背景(#000000や非常に暗い色)でのみ機能します。白背景では、発光効果が失われてしまいます。
アクセント、境界線、またはハイライトとして控えめに使用しましょう。多用しすぎると視覚的な疲労を引き起こし、アクセシビリティ上の問題が生じます。
CSSで同じネオンカラーのテキストシャドウを加えることで、実際に発光しているような視覚効果を演出できます。
ネオンカラーはWCAGのコントラスト比テストに合格しないことが多いです。アクセシビリティを考慮し、常に代替の高コントラスト・オプションを用意してください。
明るい背景(白など)では、コントラスト比の基準を満たさないことがほとんどです。アクセシビリティを確保するには、純粋な黒(#000000)の背景でアクセントや境界線として使用することをお勧めします。
ネオンカラーとの圧倒的なコントラストを生み出す、深い色合いと鮮やかなトーンをチェック:
Discover our complete collection of color guides with HEX codes, palettes, and design inspiration.