20 種類のアンバーの色合い (+ HEXコード)

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

アンバーは光を透かした蜂蜜の色で、黄色より温かくオレンジより穏やかです。食品や洋酒、秋のパッケージに向き、インターフェースでは注意を促す状態に使えます。

濃い茶色やオフホワイトと合わせ、濃紺の上に置くとほとんど金色に見えます。

  • early dawn
    #fffaeb
  • milk punch
    #fff4d2
  • colonial white
    #ffeeba
  • cream brulee
    #ffe8a1
  • salomie
    #ffe189
  • kournikova
    #ffdb70
  • mustard
    #ffd558
  • bright sun
    #ffcf40
  • sunglow
    #ffc927
  • supernova
    #ffc30f
  • selective yellow
    #f5b800
  • corn
    #dda600
  • buddha gold
    #c49300
  • pirate gold
    #ac8100
  • olive
    #946f00
  • cinnamon
    #7b5c00
  • nutmeg wood finish
    #634a00
  • saddle brown
    #4a3800
  • cola
    #322500
  • nero
    #1a1300

アンバー: HEX & RGB コード

アンバー の主なカラーコードは以下のとおりです:

  • HEX: #fffaeb

  • RGB: (255, 250, 235).

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

アンバーのティントを探索する

  • Early Dawn

    #fffaeb

  • Buttery White

    #fffbeb

  • Island Spice

    #fffbf0

  • Island Spice

    #fffbf0

  • Quarter Pearl Lusta

    #fffcf5

  • Quarter Pearl Lusta

    #fffdf5

  • Quarter Pearl Lusta

    #fffcf5

  • Black White

    #fffefa

  • Black White

    #fffefa

  • White

    #ffffff

アンバーのシェードを探索する

  • Clinker

    #342a09

  • Punga

    #4c3e15

  • Dallas

    #655525

  • Yellow Metal

    #816f3b

  • Barley Corn

    #9b8955

  • Mongoose

    #b4a474

  • Yuma

    #ccbf94

  • Stark White

    #e5dbbd

アンバーのHEX・RGB・HSL・CMYK

HEX#FFBF00
RGBrgb(255, 191, 0)
HSLhsl(45, 100%, 50%)
CMYKcmyk(0%, 25%, 100%, 0%)

アンバーの明るい色と暗い色

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

明るい方向

  • #ffc927

  • #ffd34e

  • #ffdd75

  • #ffe69c

  • #fff0c4

  • #fffaeb

暗い方向

  • #d8a200

  • #b18500

  • #8a6700

  • #634a00

  • #3b2d00

  • #140f00

アンバーと相性のよい色

補色

#FFBF00 #0040ff

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

類似色

#ff4000 #FFBF00 #bfff00

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

トライアド

#FFBF00 #00ffbf #bf00ff

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

アンバーの上の文字

プライマリテキストの例
アンバーの上の白い文字1.65:1不合格
プライマリテキストの例
アンバーの上のほぼ黒い文字10.73:1AAA

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

アンバーのシェードチャート

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

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

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

アンバーの色合いを使ったカラーパレット