カラーパレット

ライトピンク

ほんのり色づいた、やさしく明るいピンクです。かわいらしく穏やかな印象で、ベビー用品やウェディングの装飾に定番の色です。春のファッションにもよく取り入れられます。

別名:淡いピンク, 薄ピンク

エディタで開く

ライトピンクを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、ライトピンクがどう見えるかをチェック。

明るさ

合わせる色

ライトピンクのHEXコードは#FFB6C1です。RGBではrgb(255, 182, 193)、HSLではhsl(351, 100%, 86%)、CMYKでは0, 29, 24, 0となります。

ライトピンクに近い色とカラーコード

ピンク#FFC0CBくすみピンク#E8B4B8コットンキャンディピンク#FFBCD9ベビーピンク#F4C2C2メロンオレンジ#FEBAADローズクォーツ#F7CAC9鴇色ときいろ · #F4B3C2一斤染いっこんぞめ · #F4A7B9石竹色せきちくいろ · #E5ABBE撫子色なでしこいろ · #EEBBCB虹色にじいろ · #F6BFBC珊瑚色さんごいろ · #F5B1AA

ライトピンクの基本情報

ライトピンク(#FFB6C1)は、暖色系・明るめ・鮮やかの色です。ピンク系の色のグループに属します。RGBの値は赤255・緑182・青193(各255段階)。主な用途:子ども向け, ウェディング, ファッション。

ライトピンクの色見本と明るい色から暗い色までのグラデーション · #FFB6C1
ライトピンク · #FFB6C1

ライトピンクの濃淡:明るいトーンと暗いトーン

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

この色の濃淡を見る: カラースケール生成ツール

ライトピンクを使ったコーデ配色

パーソナルカラー×季節別に、ライトピンク(または近い色)を使ったコーデをまとめました。

ブルベ夏の春コーデグレーネイビー・ラベンダー・ローズピンク

ライトピンクの配色ハーモニー

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

補色近い色:ダックエッグブルー
トライアド近い色:青磁色, ペリウィンクル
スプリット・コンプリメンタリー近い色:青磁色, ライトブルー

ライトピンクを使ったカラーパレット

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

モノクロマティックパレット · ライトピンク
類似色パレット · ライトピンク
補色パレット · ライトピンク
トライアドパレット · ライトピンク
ニュートラルカラー入りパレット · ライトピンク
アクセントカラー入りパレット · ライトピンク

ライトピンクと文字色のコントラスト

白い文字コントラスト比 1.7:1 · 非推奨
黒い文字コントラスト比 12.7:1 · AAA

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

CSSコード

:root {
  --light-pink: #FFB6C1;
  --light-pink-rgb: 255, 182, 193;
}
.bg { background-color: var(--light-pink); }
.text { color: var(--light-pink); }

ライトピンクに近い色

パステルピンクダスティローズ鮭色フラミンゴピンク

この色を使ったテーマ別パレット

その他のピンク系の色

ピンクくすみピンクオールドローズフューシャピンクマゼンタホットピンクメキシカンピンクパステルピンクベビーピンクディープピンクラズベリーローズクォーツローズゴールドブラッシュピンクフラミンゴピンクネオンピンクダスティローズウォーターメロンピンクコットンキャンディピンクダークピンク鮭色
ライトピンクの色見本と明るい色から暗い色までのグラデーション · #FFB6C1
ライトピンクの色見本と明るい色から暗い色までのグラデーション · #FFB6C1

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る家族の誕生日カラーチェック家族の誕生色でチェック柄を作る誕生花ブーケメーカー誕生花で自分だけの一輪やブーケを作る
無料診断・ツールをすべて見る →

よくある質問

ライトピンクのカラーコードは?

ライトピンクのHEXコードは#FFB6C1です。RGBではrgb(255, 182, 193)、HSLではhsl(351, 100%, 86%)、CMYKでは0, 29, 24, 0となります。

ライトピンクの補色は何色ですか?

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

ライトピンクの上に白い文字を置いても読みやすいですか?

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

ピンク系の色をすべて見る →