命名颜色 · #DD11FF
Pinkman
Pinkman 即 #DD11FF：rgb(221 17 255)、hsl(291 100% 53%)、oklch(0.654 0.308 320.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Purple mean? → · Pinkman color name →
#DD11FF
oklch(0.654 0.308 320.5)
颜色转换
- HEX
- #dd11ff
- RGB
- rgb(221 17 255)
- HSL
- hsl(291 100% 53%)
- HWB
- hwb(291 7% 0%)
- OKLCH
- oklch(0.654 0.308 320.5)
- OKLab
- oklab(0.654 0.238 -0.196)
- CIE Lab
- lab(54.61 86.49 -69.8)
- LCH
- lch(54.61 111.14 321.1)
- CMYK
- cmyk(13% 93% 0% 0%)
浅色调 · 深色调 · 灰色调
浅色调
- E245FF
- E763FF
- EB7AFF
- EF90FF
- F3A4FF
- F6B7FF
- F9C9FF
- FBDBFF
- FDEDFF
深色调
- C00DDE
- A409BE
- 88069E
- 6E0480
- 550263
- 3D0148
- 26002E
- 110016
- 020003
灰色调
- D434F3
- CC46E6
- C353DA
- BA5DCD
- B165C1
- A86CB4
- 9E72A7
- 94789A
- 8A7C8D
配色和谐
互补色 +180°
- DD11FF
Pinkman
- 2EAD00
≈ Candy Grass
类似色 -30° +30°
- DD11FF
Pinkman
- 9473FF
≈ Forgotten Purple
- FD00A6
≈ Ms. Pac-Man Kiss
三角配色 +120° +240°
- DD11FF
Pinkman
- BB8600
≈ Fig Mustard Yellow
- 00A4AC
≈ Aare River Brienz
分裂互补色 +150° +210°
- DD11FF
Pinkman
- 969700
≈ Turtle Moss
- 00A985
≈ Simply Green
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 3.75:1 · APCA Lc 63
Ag
AA黑底
WCAG 5.59:1 · APCA Lc 39
最佳文字颜色: #000000
WCAG 5.59:1 (AA) · APCA Lc 39
Contrast pairs
代码片段
CSS
:root {
--pinkman: #dd11ff;
--pinkman-rgb: 221 17 255;
--pinkman-oklch: oklch(0.654 0.308 320.5);
}
.element {
color: var(--pinkman);
background-color: hsl(291 100% 53%);
border-color: oklch(0.654 0.308 320.5);
}Tailwind CSS v4
@theme {
--color-pinkman: #dd11ff;
--color-pinkman-50: #ffd7ff;
--color-pinkman-100: #ffc4ff;
--color-pinkman-200: #ffa3ff;
--color-pinkman-300: #fe74ff;
--color-pinkman-400: #e940ff;
--color-pinkman-500: #d800fd;
--color-pinkman-600: #b600d6;
--color-pinkman-700: #9200ac;
--color-pinkman-800: #6b0084;
--color-pinkman-900: #4b005d;
--color-pinkman-950: #320040;
}SCSS
$pinkman: #dd11ff;
$pinkman-rgb: 221, 17, 255;
$pinkman-light: mix(#fff, $pinkman, 20%);
$pinkman-dark: mix(#000, $pinkman, 20%);
.element {
color: $pinkman;
box-shadow: 0 0 0 2px rgba($pinkman, 0.35);
}