34 種類の黄色の色合い (+ HEXコード)

明るい黄色から深い黄色まで、すべての黄色の色合いを探索しましょう!HEXコード、色名、黄色のカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。

黄色は暖かさ、エネルギー、そして明るさの色です! 柔らかなパステルカラーから深みのあるゴールドトーンまで、30種類以上の黄色の色合いを集めました。

落ち着いた穏やかな色から鮮やかな黄色まで、名前とHEXコード付きでさまざまな色合いを見つけることができます。 さらに、美しい黄色のカラーパレットを見つけて、あなたのプロジェクトに活かしましょう!

  • cosmic latte
    #FFF8E6
  • lemon chiffon
    #FEFACD
  • light goldenrod yellow
    #F9FAD2
  • pastel yellow
    #FCFD95
  • lemon
    #FFF700
  • cadmium yellow
    #FFF600
  • daffodil
    #FFFF31
  • laser lemon
    #FEFE22
  • neon yellow
    #DCF400
  • titanium yellow
    #EEE600
  • green yellow
    #ADFF30
  • light khaki
    #F0E78C
  • straw
    #E4D96F
  • flax
    #EDDC82
  • jasmine
    #F8DE7F
  • buff
    #F0DC83
  • moccasin
    #FFFA66
  • floral white
    #FEFCEC
  • cornsilk
    #FDF9DD
  • corn
    #FBEC5D
  • school bus yellow
    #FFD800
  • mikado yellow
    #FFC50C
  • canary yellow
    #F7E801
  • jonquil
    #F9D95E
  • topaz
    #FFC87D
  • sunglow
    #FFCC33
  • banana yellow
    #FFE135
  • orange yellow
    #F7D569
  • golden poppy
    #FCC200
  • golden yellow
    #F7BA00
  • mango yellow
    #ECB542
  • mustard yellow
    #F7C81B
  • dark yellow
    #EFB701
  • dark khaki
    #BDB76B

黄色: HEX & RGB コード

黄色 の主なカラーコードは以下のとおりです:

  • HEX: #FFFF00

  • RGB: (255, 255, 0).

インタラクティブなカラーピッカーを使って、さまざまな 黄色 の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます!

黄色のティントを探索する

  • Yellow

    #ffff00

  • Broom

    #ffff1a

  • Golden Fizz

    #ffff33

  • Gorse

    #ffff4d

  • Laser Lemon

    #ffff66

  • Dolly

    #ffff80

  • Pale Canary

    #ffff99

  • Portafino

    #ffffb3

  • Cream

    #ffffcc

  • Half and Half

    #ffffe5

黄色のシェードを探索する

  • Madras

    #333300

  • Verdun Green

    #4c4d00

  • Verdun Green

    #666600

  • Olive

    #7f8000

  • Olive

    #999900

  • Buddha Gold

    #b2b300

  • Rio Grande

    #cccc00

  • Turbo

    #e5e600

黄色のHEX・RGB・HSL・CMYK

HEX#FFFF00
RGBrgb(255, 255, 0)
HSLhsl(60, 100%, 50%)
CMYKcmyk(0%, 0%, 100%, 0%)

黄色の明るい色と暗い色

白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。

明るい方向

  • #ffff27

  • #ffff4e

  • #ffff75

  • #ffff9c

  • #ffffc4

  • #ffffeb

暗い方向

  • #d8d800

  • #b1b100

  • #8a8a00

  • #636300

  • #3b3b00

  • #141400

黄色と相性のよい色

補色

#FFFF00 #0000ff

色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。

類似色

#ff8000 #FFFF00 #80ff00

色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。

トライアド

#FFFF00 #00ffff #ff00ff

等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。

黄色の上の文字

プライマリテキストの例
黄色の上の白い文字1.07:1不合格
プライマリテキストの例
黄色の上のほぼ黒い文字16.52:1AAA

WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます: コントラストチェッカー

黄色のシェードチャート

黄色の明るい色から暗い色まで五段階を並べたシェードチャート

右クリックでチャートを保存できます。個別のコードは上からコピーしてください。

似た色合いを使ったカラーパレット

黄色の色合いを使ったカラーパレット