最接近的命名颜色 · #000900
#000900
最接近的命名颜色: Blackn’t
#000900（rgb(0 9 0)、hsl(120 100% 2%)、oklch(0.121 0.041 142.5)）最接近命名颜色 Blackn’t。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#000900
oklch(0.121 0.041 142.5)
颜色转换
- HEX
- #000900
- RGB
- rgb(0 9 0)
- HSL
- hsl(120 100% 2%)
- HWB
- hwb(120 0% 96%)
- OKLCH
- oklch(0.121 0.041 142.5)
- OKLab
- oklab(0.121 -0.033 0.025)
- CIE Lab
- lab(1.77 -3.38 2.55)
- LCH
- lch(1.77 4.23 142.9)
- CMYK
- cmyk(100% 0% 100% 96%)
浅色调 · 深色调 · 灰色调
浅色调
- 0D1C0C
- 233122
- 3B483A
- 545F53
- 6E786D
- 899188
- A5ACA5
- C2C7C2
- E0E3E0
深色调
- 000700
- 000500
- 000300
- 000200
- 000100
- 000100
- 000000
- 000000
- 000000
灰色调
- 051305
- 111E0F
- 1D291C
- 2A3429
- 374036
- 454C44
- 535953
- 626661
- 717370
配色和谐
互补色 +180°
- 000900
Blackn’t
- 0D020F
≈ Glossy Black
类似色 -30° +30°
- 000900
Blackn’t
- 060700
≈ Liquorice
- 000805
≈ Black Metal
三角配色 +120° +240°
- 000900
Blackn’t
- 010515
≈ Melanophobia
- 120102
≈ Dark Matter
分裂互补色 +150° +210°
- 000900
Blackn’t
- 070314
≈ Obsidian Shard
- 110107
≈ Dark Matter
四角配色 +90° +180° +270°
- 000900
Blackn’t
- 00070D
≈ Eight Ball
- 0D020F
≈ Glossy Black
- 0E0300
≈ Liquorice
对比度与无障碍
Ag
AAA白底
WCAG 20.21:1 · APCA Lc 106
Ag
Fail黑底
WCAG 1.03:1 · APCA Lc 0
最佳文字颜色: #FFFFFF
WCAG 20.21:1 (AAA) · APCA Lc 106
Contrast pairs
代码片段
CSS
:root {
--blackn-t: #000900;
--blackn-t-rgb: 0 9 0;
--blackn-t-oklch: oklch(0.121 0.041 142.5);
}
.element {
color: var(--blackn-t);
background-color: hsl(120 100% 2%);
border-color: oklch(0.121 0.041 142.5);
}Tailwind CSS v4
@theme {
--color-blackn-t: #000900;
--color-blackn-t-50: #eef8ee;
--color-blackn-t-100: #e0ece0;
--color-blackn-t-200: #cad9ca;
--color-blackn-t-300: #abbdab;
--color-blackn-t-400: #91a58f;
--color-blackn-t-500: #778e74;
--color-blackn-t-600: #657863;
--color-blackn-t-700: #50604f;
--color-blackn-t-800: #3b4639;
--color-blackn-t-900: #283027;
--color-blackn-t-950: #161d15;
}SCSS
$blackn-t: #000900;
$blackn-t-rgb: 0, 9, 0;
$blackn-t-light: mix(#fff, $blackn-t, 20%);
$blackn-t-dark: mix(#000, $blackn-t, 20%);
.element {
color: $blackn-t;
box-shadow: 0 0 0 2px rgba($blackn-t, 0.35);
}