لون مسمّى · #00F900
Spring
Spring هو #00F900: rgb(0 249 0)، hsl(120 100% 49%)، oklch(0.851 0.29 142.5). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Green mean? → · Spring color name →
#00F900
oklch(0.851 0.29 142.5)
تحويلات الألوان
- HEX
- #00f900
- RGB
- rgb(0 249 0)
- HSL
- hsl(120 100% 49%)
- HWB
- hwb(120 0% 2%)
- OKLCH
- oklch(0.851 0.29 142.5)
- OKLab
- oklab(0.851 -0.23 0.176)
- CIE Lab
- lab(85.96 -77.85 79.55)
- LCH
- lch(85.96 111.3 134.4)
- CMYK
- cmyk(100% 0% 100% 2%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 4BFB44
- 6BFC63
- 83FD7B
- 99FE91
- ACFFA5
- BEFFB8
- CFFFCA
- E0FFDC
- EFFFEE
درجات داكنة
- 00D900
- 00B900
- 009A00
- 007D00
- 006100
- 004600
- 002C00
- 001500
- 000300
درجات رمادية
- 37ED31
- 4CE145
- 5AD553
- 64C95E
- 6CBD66
- 72B16D
- 77A573
- 7B9978
- 7E8C7C
تناسق الألوان
متمم +180°
- 00F900
Spring
- F6B2FF
≈ Strawberry Buttercream
متجاور -30° +30°
- 00F900
Spring
- D1D900
≈ Goldzilla
- 00F0C3
≈ Aquamarine
ثلاثي +120° +240°
- 00F900
Spring
- B5CFFF
≈ Ice Cold Stare
- FFBAB6
≈ Cherry Chip
متمم منقسم +150° +210°
- 00F900
Spring
- CFC5FF
≈ Innocent Snowdrop
- FFB5D4
≈ Candy Bar
رباعي +90° +180° +270°
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.44:1 · APCA Lc 20
Ag
AAAعلى الأسود
WCAG 14.55:1 · APCA Lc 83
أفضل لون للنص: #000000
WCAG 14.55:1 (AAA) · APCA Lc 83
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--spring: #00f900;
--spring-rgb: 0 249 0;
--spring-oklch: oklch(0.851 0.29 142.5);
}
.element {
color: var(--spring);
background-color: hsl(120 100% 49%);
border-color: oklch(0.851 0.29 142.5);
}Tailwind CSS v4
@theme {
--color-spring: #00f900;
--color-spring-50: #c1ffc1;
--color-spring-100: #a9ffaa;
--color-spring-200: #7cf481;
--color-spring-300: #31db47;
--color-spring-400: #00c400;
--color-spring-500: #00ae00;
--color-spring-600: #009300;
--color-spring-700: #007600;
--color-spring-800: #005600;
--color-spring-900: #003c00;
--color-spring-950: #002600;
}SCSS
$spring: #00f900;
$spring-rgb: 0, 249, 0;
$spring-light: mix(#fff, $spring, 20%);
$spring-dark: mix(#000, $spring, 20%);
.element {
color: $spring;
box-shadow: 0 0 0 2px rgba($spring, 0.35);
}