#6DFBFA
#6dfbfa ≈ Electric Blue
#6dfbfa 屬於青色系(明度:偏高,彩度:偏高)。 在 RGB 模型中,它由 42.75% 紅、98.43% 綠和 98.04% 藍組成;以 CMYK 印刷時需要 56.57% 青、0% 洋紅、0.4% 黃和 1.57% 黑。 在 HSL 中,它的色相角為 179.58°,彩度為 94.67%,明度為 70.59%。 這是一種冷色,常讓人聯想到清爽、科技與明晰。 設計師常把它用於健康與養生、科技產品和行動呼籲按鈕。 在此色彩上使用黑色文字時,對比度為 16.83:1(WCAG AAA)。 最接近的具名色彩是 Electric Blue(#7df9ff),ΔE 為 2.97。
根據此色彩的量測屬性自動產生的說明。
| HEX | |
|---|---|
| RGB | |
| RGB 百分比 | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| 網頁安全色 | #66ffff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| 二進位 | |
| 十進位 | |
| 相對亮度 | 0.7915 |
暗色
#6dfbfa 逐步混入黑色。
淺色
#6dfbfa 逐步混入白色。
灰調
#6dfbfa 逐步混入灰色。
清楚易讀的文字
1.25:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
清楚易讀的文字
16.83:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
此色彩的文字
此色彩的背景
此色彩的框線
文字色彩
.text-6dfbfa {
color: #6dfbfa;
}
背景
.bg-6dfbfa {
background-color: #6dfbfa;
color: #000000;
}
框線
.border-6dfbfa {
border: 2px solid #6dfbfa;
}
CSS 變數
:root {
--color-primary: #6dfbfa;
--color-primary-rgb: 109 251 250;
--color-primary-hsl: 180 95% 71%;
}
漸層
.gradient-6dfbfa {
background: linear-gradient(135deg, #6dfbfa, #6db5fb);
}
彩色陰影
.shadow-6dfbfa {
box-shadow: 0 8px 24px rgb(109 251 250 / 0.35);
}
Electric Blue
#6dfbfa rgb(109, 251, 250) hsl(180, 95%, 71%) Electric Blue
#fb6d6e rgb(251, 109, 110) hsl(360, 95%, 71%) Pastel Red
#fa6dfb rgb(250, 109, 251) hsl(300, 95%, 71%) Fuchsia Pink
#fbfa6d rgb(251, 250, 109) hsl(60, 95%, 71%) Laser Lemon