Bright Yellow Green #9DFF00

Bright Yellow Green はとても明るい、鮮やかな緑で、HEX コードは #9DFF00、RGB は rgb(157, 255, 0) です。

Aa

この色の上では黒の文字が最も読みやすくなります(16.73:1)。

この色について

#9DFF00 はとても明るい、鮮やかな緑です。OKLCH では、明度が 90%、彩度が 0.251、色相が 132°です。色相は、色相環の暖色側と寒色側のあいだにあります。名前付きカラーの Bright Yellow Green です。黒の文字が最も読みやすく、比率は 16.73:1 です。

色相グループ緑系
明度とても明るい (90%)
彩度鮮やかな (0.251)
色温度暖色と寒色の中間
最も近い名前Bright Yellow Green
黒の文字16.73:1
白の文字1.25:1

Bright Yellow Greenに合う色

Bright Yellow Green を OKLCH の色相環で回転させて見つけた配色です。それぞれ、一覧の中で最も近い名前を付けています。

Bright Yellow Greenを含むカラーパレット

Bright Yellow Green から ΔE 0.06(OKLab)以内の色を含む厳選パレットを、近い順に表示しています。

Bright Yellow Green から ΔE 0.06 以内の色を含む厳選パレットは、まだありません。

似ている名前付きカラー

Bright Yellow Green に近い名前付きカラーを、近い順に8色、ΔE の距離つきで表示しています。

Bright Yellow Greenについてもっと見る

Bright Yellow Greenの作り方

一般的な絵の具の色から、スペクトル絵の具モデル(カラーミキサーの絵の具モード)で求めた出発点となる配合です。実際の顔料には差があるので、少量で試してから調整してください。

  • 白 3
  • 黄 2
  • 緑 1

配合の結果:#C6E56A。Bright Yellow Greenとの差はΔE 0.108です。 Bright Yellow Greenはこれらの絵の具では混ぜきれないほど鮮やかです。市販の緑系の絵の具から始めて調整してください。

緑を作るには何色を混ぜる? | 混色表

Bright Yellow Greenのカラーコード(全形式)

HEX#9DFF00
RGBrgb(157, 255, 0)
HSLhsl(83, 100%, 50%)
OKLCHoklch(90.4% 0.251 132)

コントラスト

WCAG 2 のコントラスト比が適合基準です。AA では本文テキストに 4.5:1、大きな文字に 3:1、AAA では 7:1 が必要です。APCA の Lc 値は、WCAG 3 のドラフトに基づく補足的な指標です。

組み合わせWCAG 2結果APCAAPCA の目安
#9DFF00 の上の白い文字 1.25:1 不合格 Lc -14.2 読めません
#9DFF00 の上の黒い文字 16.73:1 AAA Lc 91.3 本文テキストに最適
白の上の #9DFF00 の文字 1.25:1 不合格 Lc 12.2 読めません
黒の上の #9DFF00 の文字 16.73:1 AAA Lc -91.7 本文テキストに最適

Bright Yellow Greenのシェードとティント

OKLCH で作った 50〜950 のスケールです。色相は固定し、明度は Tailwind v4 に近いカーブで変化し、すべてのステップが sRGB の範囲内に収まります。この色はステップ 200 にあたります。

  1. ステップ 50

    50

    #EBFCDE

    oklch(97.1% 0.043 131.5)

  2. ステップ 100

    100

    #D3F8B7

    oklch(93.7% 0.093 132.1)

  3. ステップ 200

    200(この色)

    #9DFF00

    oklch(90.4% 0.251 132)

  4. ステップ 300

    300

    #87DC00

    oklch(80.8% 0.224 131.9)

  5. ステップ 400

    400

    #70B800

    oklch(70.7% 0.196 132)

  6. ステップ 500

    500

    #5F9E00

    oklch(63.2% 0.176 132.1)

  7. ステップ 600

    600

    #4F8500

    oklch(55.7% 0.155 132.1)

  8. ステップ 700

    700

    #426F00

    oklch(49% 0.136 131.8)

  9. ステップ 800

    800

    #355B00

    oklch(42.6% 0.118 131.9)

  10. ステップ 900

    900

    #2B4C00

    oklch(37.6% 0.105 132.1)

  11. ステップ 950

    950

    #182D00

    oklch(26.9% 0.074 131.6)

Tailwind colors ツールで、このスケールを Tailwind 用に書き出す

色覚特性で見たBright Yellow Green

Machado ら(2009)のモデルでシミュレーションしています。ΔE は色の移動量で、約 0.02 未満なら変化に気づきません。

色覚見え方変化量(ΔE)
1型2色覚(赤の錐体なし)#FFEA000.126
2型2色覚(緑の錐体なし)#FDE3380.138
3型2色覚(青の錐体なし)#9FF4D90.191
全色盲(色の識別なし)#E5E5E50.251

Bright Yellow Green をプロダクトで使う

コントラストを確認済みのライトモードとダークモードの UI ロールに変換し、Tailwind v4、shadcn/ui、CSS、デザイントークンに書き出せます。