Pale Lime Green #B1FF65

Pale Lime Green はとても明るい、鮮やかな緑で、HEX コードは #B1FF65、RGB は rgb(177, 255, 101) です。

Aa

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

この色について

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

色相グループ緑系
明度とても明るい (92%)
彩度鮮やかな (0.200)
色温度暖色と寒色の中間
最も近い名前Pale Lime Green
黒の文字17.36:1
白の文字1.20:1

Pale Lime Greenに合う色

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

Pale Lime Greenを含むカラーパレット

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

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

似ている名前付きカラー

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

Pale Lime Greenについてもっと見る

Pale Lime Greenの作り方

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

  • 白 3
  • 黄 2
  • 緑 1

配合の結果:#C6E56A。Pale Lime Greenとの差はΔE 0.073です。 近い色です。どれか一色を少し足して合わせてください。

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

Pale Lime Greenのカラーコード(全形式)

HEX#B1FF65
RGBrgb(177, 255, 101)
HSLhsl(90, 100%, 70%)
OKLCHoklch(91.9% 0.2 131.9)

コントラスト

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

組み合わせWCAG 2結果APCAAPCA の目安
#B1FF65 の上の白い文字 1.20:1 不合格 Lc -11.8 読めません
#B1FF65 の上の黒い文字 17.36:1 AAA Lc 93.5 本文テキストに最適
白の上の #B1FF65 の文字 1.20:1 不合格 Lc 10.1 読めません
黒の上の #B1FF65 の文字 17.36:1 AAA Lc -94.0 本文テキストに最適

Pale Lime Greenのシェードとティント

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

  1. ステップ 50

    50

    #EDFBE3

    oklch(97.1% 0.035 132)

  2. ステップ 100

    100(この色)

    #B1FF65

    oklch(91.9% 0.2 131.9)

  3. ステップ 200

    200

    #B6ED87

    oklch(88.5% 0.143 131.9)

  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 用に書き出す

色覚特性で見たPale Lime Green

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

色覚見え方変化量(ΔE)
1型2色覚(赤の錐体なし)#FFED530.100
2型2色覚(緑の錐体なし)#FEE7710.114
3型2色覚(青の錐体なし)#B3F5DE0.151
全色盲(色の識別なし)#E9E9E90.201

Pale Lime Green をプロダクトで使う

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