カラーパレット

エスプレッソ

濃く淹れたエスプレッソのような、黒に近い深い茶色です。重厚で落ち着いた雰囲気があり、家具や床材の仕上げに定番の色です。カフェのインテリアやメンズファッションにもよく使われます。

別名:エスプレッソブラウン

エディタで開く

エスプレッソを試してみる

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

明るさ

合わせる色

エスプレッソのHEXコードは#4E312Dです。RGBではrgb(78, 49, 45)、HSLではhsl(7, 27%, 24%)、CMYKでは0, 37, 42, 69となります。

エスプレッソに近い色とカラーコード

トープ#483C32漆黒#343434茄子紺#614051オックスフォードグレー#3A3B3Cオニキス#353839ガーネット#733635黒鳶くろとび · #432F2F憲法色けんぽういろ · #543F32黒茶くろちゃ · #583822檳榔子染びんろうじぞめ · #433D3C消炭色けしずみいろ · #524748焦茶こげちゃ · #6F4B3E

エスプレッソの基本情報

エスプレッソ(#4E312D)は、暖色系・暗め・くすみ系の色です。茶系の色のグループに属します。RGBの値は赤78・緑49・青45(各255段階)。主な用途:家具, カフェ, インテリア。

エスプレッソの色見本と明るい色から暗い色までのグラデーション · #4E312D
エスプレッソ · #4E312D

エスプレッソの濃淡:明るいトーンと暗いトーン

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

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

エスプレッソを使ったコーデ配色

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

イエベ秋の冬コーデチョコレート・ブリック・ボトルグリーンイエベ秋の秋コーデダークブラウン・マスタード・モスグリーン

エスプレッソの配色ハーモニー

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

補色近い色:チャコールグレー
類似色近い色:茄子紺, トープ
スプリット・コンプリメンタリー近い色:ダークティール, チャコールグレー

エスプレッソを使ったカラーパレット

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

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

エスプレッソと文字色のコントラスト

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

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

CSSコード

:root {
  --espresso: #4E312D;
  --espresso-rgb: 78, 49, 45;
}
.bg { background-color: var(--espresso); }
.text { color: var(--espresso); }

エスプレッソに近い色

コーヒーブラウンワインレッドアンスラサイトグラファイト

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

その他の茶系の色

茶色コーヒーブラウンチョコレートブラウンマホガニー栗色シナモンセピア黄土色キャラメルキャメルモカカーキサンドベージュベージュヌードベージュブロンズタバコブラウンシエナカフェオレオーバーンコニャックデザートサンドフォーンマッシュルーム
エスプレッソの色見本と明るい色から暗い色までのグラデーション · #4E312D
エスプレッソの色見本と明るい色から暗い色までのグラデーション · #4E312D

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るコーデ配色シミュレーター服の色の組み合わせを点数でチェックインスタのハイライトカバー好きな配色でハイライトカバーをまとめて作る
無料診断・ツールをすべて見る →

よくある質問

エスプレッソのカラーコードは?

エスプレッソのHEXコードは#4E312Dです。RGBではrgb(78, 49, 45)、HSLではhsl(7, 27%, 24%)、CMYKでは0, 37, 42, 69となります。

エスプレッソの補色は何色ですか?

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

エスプレッソの上に白い文字を置いても読みやすいですか?

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

茶色系の色をすべて見る →