カラーパレット

ひまわり色

ひまわりの花びらのような黄金色の黄色です。強さの中にも温かみがあります。夏の結婚式の装飾やカントリー調の服に使われます。

別名：サンフラワーイエロー, 向日葵色

ひまわり色 · #FFC512

ひまわり色の基本情報

ひまわり色（#FFC512）は、暖色系・中くらいの明るさ・鮮やかの色です。黄色系の色のグループに属します。RGBの値は赤255・緑197・青18（各255段階）。主な用途：ファッション, インテリア, ウェディング。

ひまわり色の濃淡：明るいトーンと暗いトーン

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

ひまわり色の配色ハーモニー

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

補色近い色：エレクトリックブルー
類似色近い色：オレンジレッド, ライムグリーン
トライアド近い色：アクアマリン, バイオレット
スプリット・コンプリメンタリー近い色：ベビーブルー, 青
テトラード近い色：ネオングリーン, エレクトリックブルー, フューシャピンク

ひまわり色を使ったカラーパレット

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

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

ひまわり色と文字色のコントラスト

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

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

CSSコード

:root {
  --sunflower-yellow: #FFC512;
  --sunflower-yellow-rgb: 255, 197, 18;
}
.bg { background-color: var(--sunflower-yellow); }
.text { color: var(--sunflower-yellow); }

ひまわり色に近い色

琥珀色サフランマスタードゴールドハニーパステルオレンジオールドゴールドコーンイエローカナリアイエローキャラメル

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

誕生日パーティーのカラーパレットロゴのカラーパレット論文のカラーパレットスマホアプリのカラーパレットカフェのカラーパレットジム・フィットネスのカラーパレット

その他の黄色系の色

黄色ゴールドオールドゴールドマスタードレモンイエロー琥珀色小麦色ハニーカナリアイエローサフランシャンパンパステルイエロー蛍光イエローコーンイエロー

よくある質問

ひまわり色のカラーコードは？

ひまわり色のHEXコードは#FFC512です。RGBではrgb(255, 197, 18)、HSLではhsl(45, 100%, 54%)、CMYKでは0, 23, 93, 0となります。

ひまわり色の補色は何色ですか？

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

ひまわり色の上に白い文字を置いても読みやすいですか？

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