ColorTool
登入
#F2FEF5

#f2fef5 ≈ Mint Cream

  • 綠
  • 明度: 很高
  • 彩度: 偏低
  • 中間色
檢查對比度 在關係圖中探索 隨機色彩

#f2fef5 屬於綠色系（明度：很高，彩度：偏低）。 在 RGB 模型中，它由 94.9% 紅、99.61% 綠和 96.08% 藍組成；以 CMYK 印刷時需要 4.72% 青、0% 洋紅、3.54% 黃和 0.39% 黑。 在 HSL 中，它的色相角為 135°，彩度為 85.71%，明度為 97.25%。 它介於冷暖之間，常讓人聯想到自然、健康與平衡。 設計師常把它用於環保品牌、健康與養生和柔和的粉彩配色。 在此色彩上使用黑色文字時，對比度為 20.27:1（WCAG AAA）。 最接近的具名色彩是 Mint Cream（#f5fffa），ΔE 為 2.07。

根據此色彩的量測屬性自動產生的說明。

HEX
RGB
RGB 百分比
CMY
CMYK
HSL
HSV / HSB
網頁安全色#ffffff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
二進位
十進位
相對亮度0.9635

互補色

  1. #f2fef5
  2. #fef2fb

分裂互補色

  1. #f2fef5
  2. #fbf2fe
  3. #fef2f5

類似色

  1. #f5fef2
  2. #f2fef5
  3. #f2fefb

三角配色

  1. #f2fef5
  2. #f5f2fe
  3. #fef5f2

矩形配色

  1. #f2fef5
  2. #f2fbfe
  3. #fef2fb
  4. #fef5f2

正方形配色

  1. #f2fef5
  2. #f2f5fe
  3. #fef2fb
  4. #fefbf2

單色配色

  1. #64f388
  2. #abf9be
  3. #f2fef5
  4. #ecfef0
  5. #ecfef0

暗色

#f2fef5 逐步混入黑色。

  1. #f2fef5
  2. #dae5dd
  3. #c2cbc4
  4. #a9b2ac
  5. #919893
  6. #797f7b
  7. #616662
  8. #494c4a
  9. #303331
  10. #181919
  11. #000000

淺色

#f2fef5 逐步混入白色。

  1. #f2fef5
  2. #f3fef6
  3. #f5fef7
  4. #f6fef8
  5. #f7fef9
  6. #f9fffa
  7. #fafffb
  8. #fbfffc
  9. #fcfffd
  10. #fefffe
  11. #ffffff

灰調

#f2fef5 逐步混入灰色。

  1. #f2fef5
  2. #e7f1e9
  3. #dbe5de
  4. #d0d8d2
  5. #c4ccc6
  6. #b9bfbb
  7. #aeb2af
  8. #a2a6a3
  9. #979997
  10. #8b8d8c
  11. #808080

清楚易讀的文字 1.04:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
清楚易讀的文字 20.27:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

全色盲 #fbfbfb 約占男性的 0.003%
全色弱 #f7fcf9 約占男性的 0.001%
紅色盲 #fefcf5 約占男性的 1.01%
綠色盲 #fcfaf5 約占男性的 1.27%
藍色盲 #f1fefb 約占男性的 0.0001%
紅色弱 #f9fdf5 約占男性的 1.08%
綠色弱 #f8fcf5 約占男性的 4.63%
藍色弱 #f1fef9 約占男性的 0.0002%
以自己的圖片模擬

此色彩的文字

此色彩的背景

此色彩的框線

文字色彩
.text-f2fef5 {
  color: #f2fef5;
}
背景
.bg-f2fef5 {
  background-color: #f2fef5;
  color: #000000;
}
框線
.border-f2fef5 {
  border: 2px solid #f2fef5;
}
CSS 變數
:root {
  --color-primary: #f2fef5;
  --color-primary-rgb: 242 254 245;
  --color-primary-hsl: 135 86% 97%;
}
漸層
.gradient-f2fef5 {
  background: linear-gradient(135deg, #f2fef5, #f2fefb);
}
彩色陰影
.shadow-f2fef5 {
  box-shadow: 0 8px 24px rgb(242 254 245 / 0.35);
}

#f5fffa Mint Cream ΔE 2.07 #f0fff0 Honeydew ΔE 2.73 #f0ffff Azure ΔE 4.16 #fffff0 Ivory ΔE 5.26 #e0ffff Light Cyan ΔE 6.89 #ffffff White ΔE 7.39 #f5f5dc Beige ΔE 7.41 #0d010a 反相色 #fbfbfb 灰階 

Mint Cream
#f2fef5  rgb(242, 254, 245)  hsl(135, 86%, 97%)  Mint Cream
#fef2fb  rgb(254, 242, 251)  hsl(315, 86%, 97%)  Lavender Blush
#f5f2fe  rgb(245, 242, 254)  hsl(255, 86%, 97%)  Magnolia
#fef5f2  rgb(254, 245, 242)  hsl(15, 86%, 97%)  Seashell