カラーパレット

ロイヤルパープル

王族の衣装を思わせる、豊かで深みのある紫です。昔は紫の染料がとても高価だったため、権威や高貴さの象徴とされてきました。高級ブランドや式典の装飾によく使われます。

別名:王室紫, 高貴な紫

エディタで開く

ロイヤルパープルを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、ロイヤルパープルがどう見えるかをチェック。

明るさ

合わせる色

ロイヤルパープルのHEXコードは#7851A9です。RGBではrgb(120, 81, 169)、HSLではhsl(267, 35%, 49%)、CMYKでは29, 52, 0, 34となります。

ロイヤルパープルに近い色とカラーコード

アメジスト#9966CCウルトラバイオレット#5F4B8Bスレートブルー#6A5ACDラベンダー#B57EDCプラム#8E4585グレープ#6F2DA8菫色すみれいろ · #7058A3江戸紫えどむらさき · #745399紫むらさき · #884898桔梗色ききょういろ · #5654A2紅掛花色べにかけはないろ · #4D5AAF茄子紺なすこん · #824880

ロイヤルパープルの基本情報

ロイヤルパープル(#7851A9)は、寒色系・中くらいの明るさ・中くらいの彩度の色です。紫系の色のグループに属します。RGBの値は赤120・緑81・青169(各255段階)。主な用途:高級品, ブランディング, イベント。

ロイヤルパープルの色見本と明るい色から暗い色までのグラデーション · #7851A9
ロイヤルパープル · #7851A9

ロイヤルパープルの濃淡:明るいトーンと暗いトーン

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

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

ロイヤルパープルの配色ハーモニー

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

補色近い色:ピスタチオグリーン
類似色近い色:デニムブルー, プラム
トライアド近い色:カフェオレ, シーグリーン
スプリット・コンプリメンタリー近い色:真鍮色, エメラルドグリーン

ロイヤルパープルを使ったカラーパレット

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

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

ロイヤルパープルと文字色のコントラスト

白い文字コントラスト比 5.9:1 · AA
黒い文字コントラスト比 3.5:1 · AA(大きな文字)

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

CSSコード

:root {
  --royal-purple: #7851A9;
  --royal-purple-rgb: 120, 81, 169;
}
.bg { background-color: var(--royal-purple); }
.text { color: var(--royal-purple); }

ロイヤルパープルに近い色

コバルトブルーサファイアブルーデニムブルーロイヤルブルー

その他の紫系の色

バイオレット紫パープルライラックラベンダーモーブプラムアメジスト茄子紺オーキッド藍色グレープ藤色パステルライラックウルトラバイオレットくすみラベンダーマルベリーシスルティリアンパープル薄紫ダークパープル
ロイヤルパープルの色見本と明るい色から暗い色までのグラデーション · #7851A9
ロイヤルパープルの色見本と明るい色から暗い色までのグラデーション · #7851A9

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る誕生色の相性診断ふたりの誕生日で相性と相性カラーがわかる手帳シールメーカー好きな配色で手帳のインデックスや日付シールを作る
無料診断・ツールをすべて見る →

よくある質問

ロイヤルパープルのカラーコードは?

ロイヤルパープルのHEXコードは#7851A9です。RGBではrgb(120, 81, 169)、HSLではhsl(267, 35%, 49%)、CMYKでは29, 52, 0, 34となります。

ロイヤルパープルの補色は何色ですか?

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

ロイヤルパープルの上に白い文字を置いても読みやすいですか?

はい。白とのコントラスト比は5.9:1で、通常サイズの文字にも十分です(WCAG AA)。

紫系の色をすべて見る →