カラーパレット

ゴールデンロッド

アキノキリンソウの花にちなんだ、深みのある金色がかった黄色です。マスタードより明るく、ゴールドより温かい印象があります。秋らしいインテリアやヴィンテージ調のポスターに映えます。

別名:アキノキリンソウ色

エディタで開く

ゴールデンロッドを試してみる

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

明るさ

合わせる色

ゴールデンロッドのHEXコードは#DAA520です。RGBではrgb(218, 165, 32)、HSLではhsl(43, 74%, 49%)、CMYKでは0, 24, 85, 15となります。

ゴールデンロッドに近い色とカラーコード

ハニー#EBA937マスタード#E1AD01マリーゴールド#EAA221キャラメル#C68E17サフラン#F4C430パステルオレンジ#FFB347承和色そがいろ · #D9A62E金色きんいろ · #E6B422山吹茶やまぶきちゃ · #C89932柑子色こうじいろ · #F6AD49黄朽葉きくちば · #D3A243山吹色やまぶきいろ · #F8B500

ゴールデンロッドの基本情報

ゴールデンロッド(#DAA520)は、暖色系・中くらいの明るさ・中くらいの彩度の色です。黄色系の色のグループに属します。RGBの値は赤218・緑165・青32(各255段階)。主な用途:グラフィックデザイン, インテリア, ヴィンテージ。

ゴールデンロッドの色見本と明るい色から暗い色までのグラデーション · #DAA520
ゴールデンロッド · #DAA520

ゴールデンロッドの濃淡:明るいトーンと暗いトーン

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

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

ゴールデンロッドの配色ハーモニー

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

補色近い色:ロイヤルブルー
トライアド近い色:エメラルドグリーン, 紫
スプリット・コンプリメンタリー近い色:ディープスカイブルー, バイオレット

ゴールデンロッドを使ったカラーパレット

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

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

ゴールデンロッドと文字色のコントラスト

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

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

CSSコード

:root {
  --goldenrod: #DAA520;
  --goldenrod-rgb: 218, 165, 32;
}
.bg { background-color: var(--goldenrod); }
.text { color: var(--goldenrod); }

ゴールデンロッドに近い色

オールドゴールド琥珀色ひまわり色キャロットオレンジ

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

その他の黄色系の色

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

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る色ガチャ回すと日本の伝統色が出るガチャあみだくじ名前と結果を入れて、すぐ遊べるあみだくじ
無料診断・ツールをすべて見る →

よくある質問

ゴールデンロッドのカラーコードは?

ゴールデンロッドのHEXコードは#DAA520です。RGBではrgb(218, 165, 32)、HSLではhsl(43, 74%, 49%)、CMYKでは0, 24, 85, 15となります。

ゴールデンロッドの補色は何色ですか?

色相環で反対側にある補色は#2055DAで、ロイヤルブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

ゴールデンロッドの上に白い文字を置いても読みやすいですか?

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

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