31 種類のセージの色合い (+ HEXコード)

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

セージグリーンは、静けさ、自然、そして洗練の色です!柔らかなパステルカラーから深みのあるアーストーンまで、落ち着きとエレガンスを演出する30種類以上のセージグリーンの色合いを探索しましょう。

控えめなトーンから印象的なシェードまで、名前とHEXコード付きでさまざまな色を見つけることができます。さらに、セージグリーンを活かした美しいカラーパレットもチェックして、あなたのプロジェクトに取り入れてみてください!

  • sage
    #9EA587
  • soft sage
    #B2AC88
  • misty sage
    #A9B29F
  • pale sage
    #C4C8A5
  • light sage
    #BCC9A0
  • pastel sage
    #CBD7C3
  • silver sage
    #A1A995
  • cool sage
    #9FB29C
  • warm sage
    #A7A97D
  • fresh sage
    #A8B69F
  • wild sage
    #B2BEA6
  • classic sage
    #A9AF98
  • green tea sage
    #D5DEB1
  • calm sage
    #BEC6AA
  • winter sage
    #B7C2A1
  • subtle sage
    #C1C9AB
  • dusty sage
    #A8A77D
  • earthy sage
    #9B9E7A
  • muted sage
    #8F9779
  • soft olive sage
    #B5B38A
  • sage leaf
    #9EA78F
  • deep sage
    #798476
  • smoky sage
    #8C9D88
  • olive-toned sage
    #A5A980
  • natural sage
    #A8B097
  • faded sage
    #A5A78D
  • gray sage
    #9C9F84
  • soft fern sage
    #B6C3A0
  • lush sage
    #A3B091
  • sagebrush green
    #7E7C67
  • dried sage
    #888F71

セージ: HEX & RGB コード

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

  • HEX: #9CAF88

  • RGB: (156, 175, 136).

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

セージのティントを探索する

  • Locust

    #9caf88

  • Schist

    #a6b894

  • Norway

    #adbf9c

  • Rainee

    #b8c7a8

  • Coriander

    #c3d0b4

  • Pale Leaf

    #ccd8c0

  • Periglacial Blue

    #d6e0cc

  • Periglacial Blue

    #e0e8d9

  • Green White

    #ebf0e5

  • Snow Drift

    #f5f8f2

セージのシェードを探索する

  • Pine Tree

    #152405

  • Turtle Green

    #22360c

  • Palm Leaf

    #2e4616

  • Woodland

    #3d5822

  • Chalet Green

    #4d6831

  • Dingley

    #5e7a43

  • Highland

    #748d58

  • Battleship Gray

    #859c6d

セージのHEX・RGB・HSL・CMYK

HEX#9CAF88
RGBrgb(156, 175, 136)
HSLhsl(89, 20%, 61%)
CMYKcmyk(11%, 0%, 22%, 31%)

セージの明るい色と暗い色

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

明るい方向

  • #abbb9a

  • #bac7ab

  • #c9d3bd

  • #d7dfcf

  • #e6ebe1

  • #f5f7f3

暗い方向

  • #849c6b

  • #6c8156

  • #536342

  • #3b462f

  • #23291c

  • #0a0c08

セージと相性のよい色

補色

#9CAF88 #9b88af

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

類似色

#afaf88 #9CAF88 #88af88

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

トライアド

#9CAF88 #889caf #af889c

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

セージの上の文字

プライマリテキストの例
セージの上の白い文字2.36:1不合格
プライマリテキストの例
セージの上のほぼ黒い文字7.52:1AAA

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

セージのシェードチャート

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

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

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

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