カラーパレット

クラレット

ボルドー産の赤ワインを指すイギリスの呼び名に由来する、紫がかった深い赤です。バーガンディよりわずかに冷たい印象で、ベルベットやシルクにすると上品に映えます。秋冬のファッションの定番です。

別名:クラレットレッド, ボルドー

エディタで開く

クラレットを試してみる

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

明るさ

合わせる色

クラレットのHEXコードは#7F1734です。RGBではrgb(127, 23, 52)、HSLではhsl(343, 69%, 29%)、CMYKでは0, 82, 59, 50となります。

クラレットに近い色とカラーコード

バーガンディ#800020ワインレッド#722F37ティリアンパープル#66023Cガーネット#733635コニャック#9A463Dバーントアンバー#8A3324真紅しんく · #A22041蘇芳すおう · #9E3D3F鳶色とびいろ · #95483F臙脂色えんじいろ · #B94047

クラレットの基本情報

クラレット(#7F1734)は、暖色系・暗め・中くらいの彩度の色です。赤系の色のグループに属します。RGBの値は赤127・緑23・青52(各255段階)。主な用途:ファッション, テキスタイル, 高級品。

クラレットの色見本と明るい色から暗い色までのグラデーション · #7F1734
クラレット · #7F1734

クラレットの濃淡:明るいトーンと暗いトーン

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

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

クラレットを使ったコーデ配色

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

ブルベ冬の冬コーデブラック・ワインレッド・ロイヤルパープルブルベ冬の秋コーデブラック・ボルドー・エメラルド

クラレットの配色ハーモニー

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

補色近い色:ボトルグリーン
類似色近い色:プラム, バーントアンバー
スプリット・コンプリメンタリー近い色:フォレストグリーン, ペトロールブルー

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

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

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

クラレットと文字色のコントラスト

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

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

CSSコード

:root {
  --claret: #7F1734;
  --claret-rgb: 127, 23, 52;
}
.bg { background-color: var(--claret); }
.text { color: var(--claret); }

クラレットに近い色

ダークピンクオックスブラッドマルサラ栗色

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

その他の赤系の色

赤クリムゾンスカーレット朱色マルーンバーガンディワインレッドカーマインルビーレッドチェリーレッドレンガ色ブラッドレッドマルサラトマトレッドフェラーリレッドインディアンレッドセリーズクランベリーガーネットオックスブラッドポピーレッドサングリア
クラレットの色見本と明るい色から暗い色までのグラデーション · #7F1734
クラレットの色見本と明るい色から暗い色までのグラデーション · #7F1734

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るあみだくじ名前と結果を入れて、すぐ遊べるあみだくじカラー水槽配色で色が変わる癒やしの3D水槽
無料診断・ツールをすべて見る →

よくある質問

クラレットのカラーコードは?

クラレットのHEXコードは#7F1734です。RGBではrgb(127, 23, 52)、HSLではhsl(343, 69%, 29%)、CMYKでは0, 82, 59, 50となります。

クラレットの補色は何色ですか?

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

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

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

赤系の色をすべて見る →