ColorTool
ログイン
#42E92B

#42e92b ≈ Neon Green

  • 緑
  • 明度: 中程度
  • 彩度: 高め
  • 中間色
コントラストを確認 グラフで探索 ランダムな色

#42e92bは緑系の色です（明度：中程度、彩度：高め）。 RGBでは赤25.88%、緑91.37%、青16.86%で構成され、CMYK印刷ではシアン71.67%、マゼンタ0%、イエロー81.55%、ブラック8.63%を使います。 HSLでは色相角112.74°、彩度81.2%、明度54.12%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は12.92:1（WCAG AAA）です。 最も近い色名はNeon Green（#39ff14）で、ΔEは4.85です。

この色の測定値から自動生成した説明です。

HEX
RGB
RGB（%）
CMY
CMYK
HSL
HSV / HSB
Webセーフ#33ff33
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
2進数
10進数
相対輝度0.5961

補色

  1. #42e92b
  2. #d22be9

分裂補色

  1. #42e92b
  2. #732be9
  3. #e92ba1

類似色

  1. #a1e92b
  2. #42e92b
  3. #2be973

トライアド

  1. #42e92b
  2. #2b42e9
  3. #e92b42

テトラード

  1. #42e92b
  2. #2be9d2
  3. #d22be9
  4. #e92b42

スクエア

  1. #42e92b
  2. #2ba1e9
  3. #d22be9
  4. #e9732b

モノクロマティック

  1. #186f0c
  2. #26b513
  3. #42e92b
  4. #80f070
  5. #bef7b6

シェード

#42e92bに黒を段階的に混ぜた色です。

  1. #42e92b
  2. #3bd227
  3. #35ba22
  4. #2ea31e
  5. #288c1a
  6. #217516
  7. #1a5d11
  8. #14460d
  9. #0d2f09
  10. #071704
  11. #000000

ティント

#42e92bに白を段階的に混ぜた色です。

  1. #42e92b
  2. #55eb40
  3. #68ed55
  4. #7bf06b
  5. #8ef280
  6. #a1f495
  7. #b3f6aa
  8. #c6f8bf
  9. #d9fbd5
  10. #ecfdea
  11. #ffffff

トーン

#42e92bにグレーを段階的に混ぜた色です。

  1. #42e92b
  2. #48df34
  3. #4ed43c
  4. #55ca45
  5. #5bbf4d
  6. #61b556
  7. #67aa5e
  8. #6da067
  9. #74956f
  10. #7a8b78
  11. #808080

読みやすい文字 1.63:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 12.92:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #cbcbcb 男性の約0.003%
不完全1色覚 #a6d8a3 男性の約0.001%
1型2色覚（P型） #efd300 男性の約1.01%
2型2色覚（D型） #dcc644 男性の約1.27%
3型2色覚（T型） #05e2c7 男性の約0.0001%
1型3色覚（P型弱） #c2dc04 男性の約1.08%
2型3色覚（D型弱） #b3d53b 男性の約4.63%
3型3色覚（T型弱） #2ae5a0 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-42e92b {
  color: #42e92b;
}
背景色
.bg-42e92b {
  background-color: #42e92b;
  color: #000000;
}
枠線
.border-42e92b {
  border: 2px solid #42e92b;
}
CSS変数
:root {
  --color-primary: #42e92b;
  --color-primary-rgb: 66 233 43;
  --color-primary-hsl: 113 81% 54%;
}
グラデーション
.gradient-42e92b {
  background: linear-gradient(135deg, #42e92b, #2be973);
}
色付きの影
.shadow-42e92b {
  box-shadow: 0 8px 24px rgb(66 233 43 / 0.35);
}

#39ff14 Neon Green ΔE 4.85 #00ff00 Lime ΔE 4.90 #3fff00 Harlequin ΔE 5.01 #0bda51 Malachite ΔE 6.09 #7cfc00 Lawn Green ΔE 6.42 #32cd32 Lime Green ΔE 6.91 #7fff00 Chartreuse ΔE 6.99 #bd16d4 反転色 #cbcbcb グレースケール 

Neon Green
#42e92b  rgb(66, 233, 43)  hsl(113, 81%, 54%)  Neon Green
#d22be9  rgb(210, 43, 233)  hsl(293, 81%, 54%)  Medium Orchid
#2b42e9  rgb(43, 66, 233)  hsl(233, 81%, 54%)  Iris
#e92b42  rgb(233, 43, 66)  hsl(353, 81%, 54%)  Amaranth