最接近的命名颜色 · #FF32D4
#FF32D4
最接近的命名颜色: Pink Glamour
#FF32D4（rgb(255 50 212)、hsl(313 100% 60%)、oklch(0.693 0.276 338.7)）最接近命名颜色 Pink Glamour。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#FF32D4
oklch(0.693 0.276 338.7)
颜色转换
- HEX
- #ff32d4
- RGB
- rgb(255 50 212)
- HSL
- hsl(313 100% 60%)
- HWB
- hwb(313 20% 0%)
- OKLCH
- oklch(0.693 0.276 338.7)
- OKLab
- oklab(0.693 0.257 -0.1)
- CIE Lab
- lab(60.36 83.63 -36.13)
- LCH
- lch(60.36 91.1 336.6)
- CMYK
- cmyk(0% 80% 17% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- FF53D9
- FF6CDE
- FF82E2
- FF96E7
- FFA8EB
- FFBAEF
- FFCCF3
- FFDDF7
- FFEEFB
深色调
- DE2AB8
- BE229D
- 9E1B83
- 801469
- 630D51
- 48073A
- 2E0324
- 160110
- 030002
灰色调
- F344CC
- E851C3
- DC5BBB
- D063B3
- C36AAA
- B770A2
- AA7599
- 9D7991
- 8F7D89
配色和谐
互补色 +180°
- FF32D4
Pink Glamour
- 00B976
≈ Fennel Fiesta
类似色 -30° +30°
- FF32D4
Pink Glamour
- C26EFF
≈ Easter Purple
- FF5782
≈ Warm Pink
三角配色 +120° +240°
- FF32D4
Pink Glamour
- B39C00
≈ Kalliene Yellow
- 00AED0
≈ Hú Lán Blue
分裂互补色 +150° +210°
- FF32D4
Pink Glamour
- 79B000
≈ Plus Ultra
- 00B4AB
≈ Glass Jar Blue
四角配色 +90° +180° +270°
- FF32D4
Pink Glamour
- D88800
≈ Fleur de Sel Caramel
- 00B976
≈ Fennel Fiesta
- 31A1FF
≈ Rockman Blue
对比度与无障碍
Ag
Fail白底
WCAG 3.15:1 · APCA Lc 57
Ag
AA黑底
WCAG 6.65:1 · APCA Lc 45
最佳文字颜色: #000000
WCAG 6.65:1 (AA) · APCA Lc 45
Contrast pairs
代码片段
CSS
:root {
--pink-glamour: #ff32d4;
--pink-glamour-rgb: 255 50 212;
--pink-glamour-oklch: oklch(0.693 0.276 338.7);
}
.element {
color: var(--pink-glamour);
background-color: hsl(313 100% 60%);
border-color: oklch(0.693 0.276 338.7);
}Tailwind CSS v4
@theme {
--color-pink-glamour: #ff32d4;
--color-pink-glamour-50: #ffd6ff;
--color-pink-glamour-100: #ffc3ff;
--color-pink-glamour-200: #ffa1f8;
--color-pink-glamour-300: #ff74e1;
--color-pink-glamour-400: #fd41d4;
--color-pink-glamour-500: #ec00c1;
--color-pink-glamour-600: #c700a3;
--color-pink-glamour-700: #a00083;
--color-pink-glamour-800: #760064;
--color-pink-glamour-900: #540046;
--color-pink-glamour-950: #38002e;
}SCSS
$pink-glamour: #ff32d4;
$pink-glamour-rgb: 255, 50, 212;
$pink-glamour-light: mix(#fff, $pink-glamour, 20%);
$pink-glamour-dark: mix(#000, $pink-glamour, 20%);
.element {
color: $pink-glamour;
box-shadow: 0 0 0 2px rgba($pink-glamour, 0.35);
}