カラーパレット

バナナイエロー

熟したバナナの皮のような、明るくやさしい黄色です。元気で親しみやすく、子ども向けのグッズや食品のパッケージに人気です。夏らしいポップなデザインにもぴったりです。

別名:バナナ色

エディタで開く

バナナイエローを試してみる

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

明るさ

合わせる色

バナナイエローのHEXコードは#FFE135です。RGBではrgb(255, 225, 53)、HSLではhsl(51, 100%, 60%)、CMYKでは0, 12, 79, 0となります。

バナナイエローに近い色とカラーコード

ゴールデンイエロー#FFDF00ゴールド#FFD700コーンイエロー#FBEC5Dカナリアイエロー#FFEF00サフラン#F4C430ひまわり色#FFC512菜の花色なのはないろ · #FFEC47蒲公英色たんぽぽいろ · #FFD900金糸雀色かなりあいろ · #EBD842梔子色くちなしいろ · #FFDB4F中黄なかき · #FFEA00向日葵色ひまわりいろ · #FCC800

バナナイエローの基本情報

バナナイエロー(#FFE135)は、暖色系・中くらいの明るさ・鮮やかの色です。黄色系の色のグループに属します。RGBの値は赤255・緑225・青53(各255段階)。主な用途:食品, 子ども向け, 夏。

バナナイエローの色見本と明るい色から暗い色までのグラデーション · #FFE135
バナナイエロー · #FFE135

バナナイエローの濃淡:明るいトーンと暗いトーン

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

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

バナナイエローの配色ハーモニー

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

類似色近い色:マンゴー, ライムグリーン
トライアド近い色:ターコイズブルー, マゼンタ
スプリット・コンプリメンタリー近い色:ディープスカイブルー, バイオレット

バナナイエローを使ったカラーパレット

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

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

バナナイエローと文字色のコントラスト

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

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

CSSコード

:root {
  --banana-yellow: #FFE135;
  --banana-yellow-rgb: 255, 225, 53;
}
.bg { background-color: var(--banana-yellow); }
.text { color: var(--banana-yellow); }

バナナイエローに近い色

レモンイエロー琥珀色バターイエローマスタード

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

その他の黄色系の色

黄色ゴールドオールドゴールドマスタードレモンイエロー琥珀色小麦色ハニーカナリアイエローサフランシャンパンパステルイエロー蛍光イエローコーンイエローひまわり色ゴールデンロッドマリーゴールドバターイエローゴールデンイエロー真鍮色
バナナイエローの色見本と明るい色から暗い色までのグラデーション · #FFE135
バナナイエローの色見本と明るい色から暗い色までのグラデーション · #FFE135

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るぷっくりシールメーカー名前や絵文字で、つやつやシールを作る伝統色診断10の質問で、あなたを日本の伝統色にたとえる
無料診断・ツールをすべて見る →

よくある質問

バナナイエローのカラーコードは?

バナナイエローのHEXコードは#FFE135です。RGBではrgb(255, 225, 53)、HSLではhsl(51, 100%, 60%)、CMYKでは0, 12, 79, 0となります。

バナナイエローの補色は何色ですか?

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

バナナイエローの上に白い文字を置いても読みやすいですか?

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

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