ColorTool
ログイン
#B1F511

#b1f511 ≈ Spring Bud

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

#b1f511は黄緑系の色です（明度：中程度、彩度：とても高い）。 RGBでは赤69.41%、緑96.08%、青6.67%で構成され、CMYK印刷ではシアン27.76%、マゼンタ0%、イエロー93.06%、ブラック3.92%を使います。 HSLでは色相角77.89°、彩度91.94%、明度51.37%です。 暖色と寒色の中間で、新鮮さ、成長、活力を連想させることが多い色です。 デザインでは主にエコブランド、健康・ウェルネス、CTAボタンに使われます。 この色の上に黒の文字を置くとコントラスト比は15.94:1（WCAG AAA）です。 最も近い色名はSpring Bud（#a7fc00）で、ΔEは2.17です。

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

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

補色

  1. #b1f511
  2. #5511f5

分裂補色

  1. #b1f511
  2. #113ff5
  3. #c711f5

類似色

  1. #f5c711
  2. #b1f511
  3. #3ff511

トライアド

  1. #b1f511
  2. #11b1f5
  3. #f511b1

テトラード

  1. #b1f511
  2. #11f555
  3. #5511f5
  4. #f511b1

スクエア

  1. #b1f511
  2. #11f5c7
  3. #5511f5
  4. #f5113f

モノクロマティック

  1. #4b6904
  2. #7fb207
  3. #b1f511
  4. #c9f85a
  5. #e1fba4

シェード

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

  1. #b1f511
  2. #9fdd0f
  3. #8ec40e
  4. #7cac0c
  5. #6a930a
  6. #597b09
  7. #476207
  8. #354a05
  9. #233103
  10. #121902
  11. #000000

ティント

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

  1. #b1f511
  2. #b9f629
  3. #c1f741
  4. #c8f858
  5. #d0f970
  6. #d8fa88
  7. #e0fba0
  8. #e8fcb8
  9. #effdcf
  10. #f7fee7
  11. #ffffff

トーン

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

  1. #b1f511
  2. #ace91c
  3. #a7de27
  4. #a2d232
  5. #9dc63d
  6. #99bb49
  7. #94af54
  8. #8fa35f
  9. #8a976a
  10. #858c75
  11. #808080

読みやすい文字 1.32:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
読みやすい文字 15.94:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

1色覚（全色盲） #e0e0e0 男性の約0.003%
不完全1色覚 #cfe9b3 男性の約0.001%
1型2色覚（P型） #ffe300 男性の約1.01%
2型2色覚（D型） #f9df38 男性の約1.27%
3型2色覚（T型） #b8e9d1 男性の約0.0001%
1型3色覚（P型弱） #e6ea00 男性の約1.08%
2型3色覚（D型弱） #e0e82d 男性の約4.63%
3型3色覚（T型弱） #b5eea6 男性の約0.0002%
自分の画像でシミュレーション

この色の文字

この色の背景

この色の枠線

文字色
.text-b1f511 {
  color: #b1f511;
}
背景色
.bg-b1f511 {
  background-color: #b1f511;
  color: #000000;
}
枠線
.border-b1f511 {
  border: 2px solid #b1f511;
}
CSS変数
:root {
  --color-primary: #b1f511;
  --color-primary-rgb: 177 245 17;
  --color-primary-hsl: 78 92% 51%;
}
グラデーション
.gradient-b1f511 {
  background: linear-gradient(135deg, #b1f511, #3ff511);
}
色付きの影
.shadow-b1f511 {
  box-shadow: 0 8px 24px rgb(177 245 17 / 0.35);
}

#a7fc00 Spring Bud ΔE 2.17 #adff2f Green Yellow ΔE 2.75 #ccff00 Electric Lime ΔE 4.05 #b2ec5d Inchworm ΔE 5.54 #7fff00 Chartreuse ΔE 6.24 #7cfc00 Lawn Green ΔE 6.29 #dfff00 Chartreuse Yellow ΔE 6.96 #4e0aee 反転色 #e0e0e0 グレースケール 

Spring Bud
#b1f511  rgb(177, 245, 17)  hsl(78, 92%, 51%)  Spring Bud
#5511f5  rgb(85, 17, 245)  hsl(258, 92%, 51%)  Han Purple
#11b1f5  rgb(17, 177, 245)  hsl(198, 92%, 51%)  Deep Sky Blue
#f511b1  rgb(245, 17, 177)  hsl(318, 92%, 51%)  Shocking Pink