カラーパレット

ローズクォーツ

ピンク色の鉱物にちなんだ名前で、2016年のパントン・カラー・オブ・ザ・イヤーに選ばれました。やわらかく温かみのあるピンクです。落ち着いたインテリアや服、テクノロジー製品に使われます。

別名：ローズクォーツ色, 紅水晶色

ローズクォーツ · #F7CAC9

ローズクォーツの基本情報

ローズクォーツ（#F7CAC9）は、暖色系・明るめ・中くらいの彩度の色です。ピンク系の色のグループに属します。RGBの値は赤247・緑202・青201（各255段階）。主な用途：インテリア, ファッション, ウェディング。

ローズクォーツの濃淡：明るいトーンと暗いトーン

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

ローズクォーツの配色ハーモニー

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

補色近い色：パステルターコイズ
類似色近い色：パステルピンク, シャンパン
トライアド近い色：クリーム色, パステルライラック
スプリット・コンプリメンタリー近い色：パステルターコイズ, ライトブルー
テトラード近い色：クリーム色, パステルターコイズ, パステルライラック

ローズクォーツを使ったカラーパレット

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

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

ローズクォーツと文字色のコントラスト

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

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

CSSコード

:root {
  --rose-quartz: #F7CAC9;
  --rose-quartz-rgb: 247, 202, 201;
}
.bg { background-color: var(--rose-quartz); }
.text { color: var(--rose-quartz); }

ローズクォーツに近い色

ベビーピンクパステルピンクくすみピンクピンクダスティローズアプリコットボーンホワイトパールグレーライトグレーアンティークホワイト

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

洗礼式のカラーパレットベビーシャワーのカラーパレットキンセアニェーラ（15歳のお祝い）のカラーパレット初聖体拝領のカラーパレットカフェのカラーパレット美容室・ビューティーサロンのカラーパレット

その他のピンク系の色

ピンクくすみピンクオールドローズフューシャピンクマゼンタホットピンクメキシカンピンクパステルピンクベビーピンクディープピンクラズベリーローズゴールドブラッシュピンクフラミンゴピンクネオンピンクダスティローズ

よくある質問

ローズクォーツのカラーコードは？

ローズクォーツのHEXコードは#F7CAC9です。RGBではrgb(247, 202, 201)、HSLではhsl(1, 74%, 88%)、CMYKでは0, 18, 19, 3となります。

ローズクォーツの補色は何色ですか？

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

ローズクォーツの上に白い文字を置いても読みやすいですか？

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