命名颜色 · #00DE00
Nuclear Throne
Nuclear Throne 即 #00DE00：rgb(0 222 0)、hsl(120 100% 44%)、oklch(0.78 0.266 142.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Nuclear Throne color name →
#00DE00
oklch(0.78 0.266 142.5)
颜色转换
- HEX
- #00de00
- RGB
- rgb(0 222 0)
- HSL
- hsl(120 100% 44%)
- HWB
- hwb(120 0% 13%)
- OKLCH
- oklch(0.78 0.266 142.5)
- OKLab
- oklab(0.78 -0.211 0.162)
- CIE Lab
- lab(77.5 -71.39 72.94)
- LCH
- lch(77.5 102.07 134.4)
- CMYK
- cmyk(100% 0% 100% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- 45E23F
- 64E65D
- 7DEA75
- 92EE8B
- A6F1A0
- B9F5B3
- CBF8C7
- DDFADA
- EEFDEC
深色调
- 00C100
- 00A500
- 008900
- 006F00
- 005500
- 003D00
- 002600
- 001200
- 000200
灰色调
- 32D52D
- 46CC41
- 54C24E
- 5FB959
- 67B062
- 6EA769
- 749D70
- 799476
- 7D8A7B
配色和谐
互补色 +180°
- 00DE00
Nuclear Throne
- F088FF
≈ Give Me Your Love
类似色 -30° +30°
- 00DE00
Nuclear Throne
- BAC100
≈ La Rioja
- 00D6AD
≈ Channel Marker Green
三角配色 +120° +240°
- 00DE00
Nuclear Throne
- 91B7FF
≈ Carolina Blue
- FF9591
≈ Lolly
分裂互补色 +150° +210°
- 00DE00
Nuclear Throne
- BAA8FF
≈ Winterspring Lilac
- FF8DC1
≈ Cochonnet
四角配色 +90° +180° +270°
- 00DE00
Nuclear Throne
- 49C6FF
≈ Shovel Knight
- F088FF
≈ Give Me Your Love
- FF9B59
≈ Honey Carrot Cake
对比度与无障碍
Ag
Fail白底
WCAG 1.83:1 · APCA Lc 33
Ag
AAA黑底
WCAG 11.44:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.44:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
CSS
:root {
--nuclear-throne: #00de00;
--nuclear-throne-rgb: 0 222 0;
--nuclear-throne-oklch: oklch(0.78 0.266 142.5);
}
.element {
color: var(--nuclear-throne);
background-color: hsl(120 100% 44%);
border-color: oklch(0.78 0.266 142.5);
}Tailwind CSS v4
@theme {
--color-nuclear-throne: #00de00;
--color-nuclear-throne-50: #c6ffc6;
--color-nuclear-throne-100: #afffb0;
--color-nuclear-throne-200: #86f189;
--color-nuclear-throne-300: #48d955;
--color-nuclear-throne-400: #00c200;
--color-nuclear-throne-500: #00ab00;
--color-nuclear-throne-600: #009100;
--color-nuclear-throne-700: #007400;
--color-nuclear-throne-800: #005500;
--color-nuclear-throne-900: #003c00;
--color-nuclear-throne-950: #002500;
}SCSS
$nuclear-throne: #00de00;
$nuclear-throne-rgb: 0, 222, 0;
$nuclear-throne-light: mix(#fff, $nuclear-throne, 20%);
$nuclear-throne-dark: mix(#000, $nuclear-throne, 20%);
.element {
color: $nuclear-throne;
box-shadow: 0 0 0 2px rgba($nuclear-throne, 0.35);
}