命名颜色 · #00DD00
Greenalicious
Greenalicious 即 #00DD00：rgb(0 221 0)、hsl(120 100% 43%)、oklch(0.778 0.265 142.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Green mean? → · Greenalicious color name →
#00DD00
oklch(0.778 0.265 142.5)
颜色转换
- HEX
- #00dd00
- RGB
- rgb(0 221 0)
- HSL
- hsl(120 100% 43%)
- HWB
- hwb(120 0% 13%)
- OKLCH
- oklch(0.778 0.265 142.5)
- OKLab
- oklab(0.778 -0.21 0.161)
- CIE Lab
- lab(77.18 -71.15 72.7)
- LCH
- lch(77.18 101.72 134.4)
- CMYK
- cmyk(100% 0% 100% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- 45E13F
- 64E65D
- 7CEA75
- 92ED8B
- A6F19F
- B9F4B3
- CBF7C7
- DDFADA
- EEFDEC
深色调
- 00C000
- 00A400
- 008800
- 006E00
- 005500
- 003D00
- 002600
- 001100
- 000200
灰色调
- 32D42D
- 46CB40
- 54C24E
- 5FB959
- 67AF62
- 6EA669
- 749D70
- 799376
- 7D8A7B
配色和谐
互补色 +180°
- 00DD00
Greenalicious
- F086FF
≈ Give Me Your Love
类似色 -30° +30°
- 00DD00
Greenalicious
- B9C100
≈ La Rioja
- 00D5AD
≈ Channel Marker Green
三角配色 +120° +240°
- 00DD00
Greenalicious
- 90B6FF
≈ Carolina Blue
- FF9490
≈ Lolly
分裂互补色 +150° +210°
- 00DD00
Greenalicious
- B9A7FF
≈ Winterspring Lilac
- FF8BC0
≈ Cochonnet
四角配色 +90° +180° +270°
- 00DD00
Greenalicious
- 46C5FF
≈ Shovel Knight
- F086FF
≈ Give Me Your Love
- FF9A56
≈ Honey Carrot Cake
对比度与无障碍
Ag
Fail白底
WCAG 1.85:1 · APCA Lc 34
Ag
AAA黑底
WCAG 11.34:1 · APCA Lc 69
最佳文字颜色: #000000
WCAG 11.34:1 (AAA) · APCA Lc 69
Contrast pairs
代码片段
CSS
:root {
--greenalicious: #00dd00;
--greenalicious-rgb: 0 221 0;
--greenalicious-oklch: oklch(0.778 0.265 142.5);
}
.element {
color: var(--greenalicious);
background-color: hsl(120 100% 43%);
border-color: oklch(0.778 0.265 142.5);
}Tailwind CSS v4
@theme {
--color-greenalicious: #00dd00;
--color-greenalicious-50: #c6ffc6;
--color-greenalicious-100: #afffb0;
--color-greenalicious-200: #86f189;
--color-greenalicious-300: #49d855;
--color-greenalicious-400: #00c100;
--color-greenalicious-500: #00ab00;
--color-greenalicious-600: #009100;
--color-greenalicious-700: #007400;
--color-greenalicious-800: #005500;
--color-greenalicious-900: #003b00;
--color-greenalicious-950: #002500;
}SCSS
$greenalicious: #00dd00;
$greenalicious-rgb: 0, 221, 0;
$greenalicious-light: mix(#fff, $greenalicious, 20%);
$greenalicious-dark: mix(#000, $greenalicious, 20%);
.element {
color: $greenalicious;
box-shadow: 0 0 0 2px rgba($greenalicious, 0.35);
}