ColorTool
ログイン
#18F113

#18f113 ≈ Lime

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

#18f113は緑系の色です（明度：中程度、彩度：とても高い）。 RGBでは赤9.41%、緑94.51%、青7.45%で構成され、CMYK印刷ではシアン90.04%、マゼンタ0%、イエロー92.12%、ブラック5.49%を使います。 HSLでは色相角118.65°、彩度88.8%、明度50.98%です。 暖色と寒色の中間で、自然、健康、調和を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は13.63:1（WCAG AAA）です。 最も近い色名はLime（#00ff00）で、ΔEは2.98です。

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

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

補色

  1. #18f113
  2. #ec13f1

分裂補色

  1. #18f113
  2. #7d13f1
  3. #f11387

類似色

  1. #87f113
  2. #18f113
  3. #13f17d

トライアド

  1. #18f113
  2. #1318f1
  3. #f11318

テトラード

  1. #18f113
  2. #13f1ec
  3. #ec13f1
  4. #f11318

スクエア

  1. #18f113
  2. #1387f1
  3. #ec13f1
  4. #f17d13

モノクロマティック

  1. #086506
  2. #0ead0a
  3. #18f113
  4. #5ff55b
  5. #a5faa3

シェード

#18f113に黒を段階的に混ぜた色です。

  1. #18f113
  2. #16d911
  3. #13c10f
  4. #11a90d
  5. #0e910b
  6. #0c790a
  7. #0a6008
  8. #074806
  9. #053004
  10. #021802
  11. #000000

ティント

#18f113に白を段階的に混ぜた色です。

  1. #18f113
  2. #2ff22b
  3. #46f442
  4. #5df55a
  5. #74f771
  6. #8cf889
  7. #a3f9a1
  8. #bafbb8
  9. #d1fcd0
  10. #e8fee7
  11. #ffffff

トーン

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

  1. #18f113
  2. #22e61e
  3. #2dda29
  4. #37cf34
  5. #42c43f
  6. #4cb94a
  7. #56ad54
  8. #61a25f
  9. #6b976a
  10. #768b75
  11. #808080

読みやすい文字 1.54:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 13.63:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #d0d0d0 男性の約0.003%
不完全1色覚 #a6dea6 男性の約0.001%
1型2色覚（P型） #f7d900 男性の約1.01%
2型2色覚（D型） #e2cb3b 男性の約1.27%
3型2色覚（T型） #00eacd 男性の約0.0001%
1型3色覚（P型弱） #c5e300 男性の約1.08%
2型3色覚（D型弱） #b4db30 男性の約4.63%
3型3色覚（T型弱） #00eda3 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-18f113 {
  color: #18f113;
}
背景色
.bg-18f113 {
  background-color: #18f113;
  color: #000000;
}
枠線
.border-18f113 {
  border: 2px solid #18f113;
}
CSS変数
:root {
  --color-primary: #18f113;
  --color-primary-rgb: 24 241 19;
  --color-primary-hsl: 119 89% 51%;
}
グラデーション
.gradient-18f113 {
  background: linear-gradient(135deg, #18f113, #13f17d);
}
色付きの影
.shadow-18f113 {
  box-shadow: 0 8px 24px rgb(24 241 19 / 0.35);
}

#00ff00 Lime ΔE 2.98 #39ff14 Neon Green ΔE 3.16 #3fff00 Harlequin ΔE 3.36 #7cfc00 Lawn Green ΔE 5.81 #7fff00 Chartreuse ΔE 6.28 #0bda51 Malachite ΔE 7.52 #32cd32 Lime Green ΔE 8.67 #e70eec 反転色 #d0d0d0 グレースケール 

Lime
#18f113  rgb(24, 241, 19)  hsl(119, 89%, 51%)  Lime
#ec13f1  rgb(236, 19, 241)  hsl(299, 89%, 51%)  Fuchsia
#1318f1  rgb(19, 24, 241)  hsl(239, 89%, 51%)  Blue
#f11318  rgb(241, 19, 24)  hsl(359, 89%, 51%)  Lust