最接近的顏色名稱 · ΔE 1.83
#94DE9F
最接近的顏色名稱 · ΔE 1.83
#94DE9F
在按鈕上夠不夠醒目?當背景時文字還讀得清嗎?縮到最小的徽章裡還認得出來嗎?
如果整個網站都用它做主色,大概是這種感覺——
這裡是正文文案。主色決定按鈕與連結,淺色變體鋪底,文字用最高對比色。
立即開始該顏色與黑色 / 白色文字的對比度表現。
白色文字在該背景上
Aa 對比度 1.59:1
黑色文字在該背景上
Aa 對比度 13.21:1
:root {
--color: #94DE9F;
--color-rgb: 148, 222, 159;
--color-hsl: 128.9, 52.9%, 72.5%;
}
.bg-color { background-color: #94DE9F; }
.text-on-color { color: #000000; }
.border-color { border-color: #94DE9F; }
.gradient {
background-image: linear-gradient(90deg, #94DE9F 0%, 99CC99 100%);
}基於 CIEDE2000 色差公式,在各官方色彩體系中找到的最接近色號。
官方標準色,來源於品牌公開資料(simple-icons CC0 數據集)
看看這個顏色,在古人眼裡叫什麼。
同一個顏色,在日本傳統色裡叫什麼。
基於 Machado (2009) 色覺模型,查看該顏色在 8 種色覺人群眼中的呈現。
正常視覺
#94DE9F
標準三色視覺,三類視錐細胞功能完整。
紅色弱
#C1D59D
L 視錐細胞敏感度異常(約佔男性 1%),紅色感知減弱。
紅色盲
#E0CF9C
缺失 L 視錐細胞(約佔男性 1%),紅色難以辨識。
綠色弱
#B9D0A1
M 視錐細胞敏感度異常(約佔男性 6%),最常見色覺缺陷。
綠色盲
#D1C6A2
缺失 M 視錐細胞(約佔男性 1%),紅綠難以區分。
藍黃色弱
#8FDCB9
S 視錐細胞敏感度異常(極為罕見),藍黃感知減弱。
藍黃色盲
#8CDBCB
缺失 S 視錐細胞(極為罕見),藍黃難以區分。
部分色盲(全色盲弱化型)
#ACCEB1
色覺嚴重弱化(約 0.001%),色彩極度暗淡。
全色盲
#CACACA
完全無色覺(約 0.003%),世界只有明暗灰階。
CIEDE2000 感知色差最近的命名顏色,點擊查看詳情。
RGB 空間裡與它一步之遙的顏色——每個都是獨立檔案頁。
大家為這種顏色起的名字——同一色號,無數主觀命名。
…
登錄 / 註冊 · 登錄後即可為顏色命名,名字將公開歸屬在你名下。
這一顏色的常用衍生變體:加亮 / 加深 / 更飽和 / 更灰,反色、灰度、Web 安全色與最近的 HTML 命名色,點擊進入對應檔案。
即貼即用的代碼片段:前景文字、背景、文字陰影與互補漸變。
文字可讀性示例
color: #94DE9F;文字可讀性示例
background-color: #94DE9F;文字可讀性示例
text-shadow: 0.1em 0.1em 0.15em #94DE9F;linear-gradient(90deg, #94DE9F, #DE94D3)拖動色相、飽和度、明度,實時預覽——找到更對的那一版。
這是 HEX 色值為 #94DE9F 的顏色。在 RGB 空間中它的紅綠藍分量分別是 148、222、159;最接近的人類可讀名稱是「Mother of Pearl Green」(ΔE 1.83,CIEDE2000 標準)。
#94DE9F 的 RGB 值是 rgb(148, 222, 159),對應 HSL 為 hsl(128.9, 52.9%, 72.5%),CMYK 為 cmyk(33.3%, 0%, 28.4%, 12.9%)。
推薦使用它的互補色 #DE94D3、以及三角/鄰近調和配色,頁面下方「調和配色」區域可一鍵複製完整方案。
該顏色與黑色文字的對比度為 13.21:1,與白色文字的對比度為 1.59:1。WCAG 2.1 要求正文對比度至少 4.5:1(AA),大字號至少 3:1。