12 種類のミントの色合い (+ HEXコード)

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

ミントは青を含む淡い緑で、自然というより清潔な印象を与えます。歯科やスパ、フィンテックのブランドが同じ理由で使ってきました。

この明るさでは背景専用です。文字に使うなら、かなり暗くしてから使ってください。

  • white
    #ffffff
  • hint of green
    #e6ffe6
  • snowy mint
    #cdffcd
  • reef
    #b3ffb3
  • mint green
    #9aff9a
  • screamin' green
    #68ff68
  • harlequin
    #35ff35
  • green
    #1cff1c
  • japanese laurel
    #009d00
  • camarone
    #006a00
  • crusoe
    #005100
  • deep fir
    #003800

ミント: HEX & RGB コード

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

  • HEX: #ffffff

  • RGB: (255, 255, 255).

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

ミントのティントを探索する

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

ミントのシェードを探索する

  • Aubergine

    #330a0a

  • Brown Derby

    #4f1717

  • Buccaneer

    #662929

  • Lotus

    #814141

  • Au Chico

    #995c5c

  • Brandy Rose

    #b47e7e

  • Eunry

    #cca3a3

  • Dust Storm

    #e7d0d0

ミントのHEX・RGB・HSL・CMYK

HEX#98FF98
RGBrgb(152, 255, 152)
HSLhsl(120, 100%, 80%)
CMYKcmyk(40%, 0%, 40%, 0%)

ミントの明るい色と暗い色

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

明るい方向

  • #a7ffa7

  • #b4ffb4

  • #c2ffc2

  • #cfffcf

  • #ddffdd

  • #ebffeb

暗い方向

  • #58ff58

  • #18ff18

  • #00d600

  • #009600

  • #005500

  • #001400

ミントと相性のよい色

補色

#98FF98 #ff99ff

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

類似色

#ccff99 #98FF98 #99ffcc

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

トライアド

#98FF98 #9999ff #ff9999

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

ミントの上の文字

プライマリテキストの例
ミントの上の白い文字1.23:1不合格
プライマリテキストの例
ミントの上のほぼ黒い文字14.44:1AAA

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

ミントのシェードチャート

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

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

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

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