ホットピンク

いちご味の風船ガムのような鮮やかなピンクです。CSSではhotpinkと呼ばれます。楽しく若々しい色で、おもちゃや服、2000年代風のファッションにあふれています。

別名：ショッキングピンク, 濃いピンク

ホットピンク · #FF69B4

ホットピンクの基本情報

ホットピンク（#FF69B4）は、暖色系・明るめ・鮮やかの色です。ピンク系の色のグループに属します。RGBの値は赤255・緑105・青180（各255段階）。主な用途：ファッション, 子ども向け, メイク。

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

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

スプリット・コンプリメンタリー近い色：ミントグリーン, シアン

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

モノクロマティックパレット · ホットピンク

類似色パレット · ホットピンク

補色パレット · ホットピンク

トライアドパレット · ホットピンク

ニュートラルカラー入りパレット · ホットピンク

アクセントカラー入りパレット · ホットピンク

白い文字コントラスト比 2.6:1 · 非推奨

黒い文字コントラスト比 7.9:1 · AAA

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

:root {
  --hot-pink: #FF69B4;
  --hot-pink-rgb: 255, 105, 180;
}
.bg { background-color: var(--hot-pink); }
.text { color: var(--hot-pink); }

ホットピンクのカラーコードは？

ホットピンクのHEXコードは#FF69B4です。RGBではrgb(255, 105, 180)、HSLではhsl(330, 100%, 71%)、CMYKでは0, 59, 29, 0となります。

ホットピンクの補色は何色ですか？

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

ホットピンクの上に白い文字を置いても読みやすいですか？

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