Adlandırılmış renk · #00FF26
Cyber Neon Green
Cyber Neon Green, #00FF26: rgb(0 255 38), hsl(129 100% 50%), oklch(0.867 0.288 143.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Cyber Neon Green color name →
#00FF26
oklch(0.867 0.288 143.2)
Renk dönüşümleri
- HEX
- #00ff26
- RGB
- rgb(0 255 38)
- HSL
- hsl(129 100% 50%)
- HWB
- hwb(129 0% 0%)
- OKLCH
- oklch(0.867 0.288 143.2)
- OKLab
- oklab(0.867 -0.231 0.173)
- CIE Lab
- lab(87.88 -78.63 76.64)
- LCH
- lch(87.88 109.8 135.7)
- CMYK
- cmyk(100% 0% 85% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 4CFF4F
- 6CFF6B
- 85FF82
- 9AFF96
- ADFFA9
- BFFFBB
- D0FFCD
- E0FFDE
- F0FFEF
Koyu tonlar
- 00DE20
- 00BE19
- 009E13
- 00800D
- 006308
- 004804
- 002E02
- 001601
- 000300
Gri tonlar
- 38F23F
- 4DE64E
- 5BD95A
- 65CC63
- 6DC06A
- 73B370
- 78A675
- 7C9A7A
- 7E8D7D
Renk uyumları
Tamamlayıcı +180°
- 00FF26
Cyber Neon Green
- F8BAFF
≈ Brilliant Lavender
Analog -30° +30°
- 00FF26
Cyber Neon Green
- D5DF00
≈ Golden Gun
- 00F6C9
≈ Bright Teal
Üçlü +120° +240°
- 00FF26
Cyber Neon Green
- BDD4FF
≈ Ice Cold Stare
- FFC2BD
≈ Ladylike
Bölünmüş tamamlayıcı +150° +210°
- 00FF26
Cyber Neon Green
- D5CBFF
≈ Lavender Blue
- FFBED8
≈ Cotton Candy
Dörtlü +90° +180° +270°
- 00FF26
Cyber Neon Green
- 9FDDFF
≈ Columbia Blue
- F8BAFF
≈ Brilliant Lavender
- FFC5A1
≈ Tomorrow’s Coral
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.36:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.33:1 · APCA Lc 87
En iyi metin rengi: #000000
WCAG 15.33:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--cyber-neon-green: #00ff26;
--cyber-neon-green-rgb: 0 255 38;
--cyber-neon-green-oklch: oklch(0.867 0.288 143.2);
}
.element {
color: var(--cyber-neon-green);
background-color: hsl(129 100% 50%);
border-color: oklch(0.867 0.288 143.2);
}Tailwind CSS v4
@theme {
--color-cyber-neon-green: #00ff26;
--color-cyber-neon-green-50: #c0ffc2;
--color-cyber-neon-green-100: #a8ffab;
--color-cyber-neon-green-200: #7af483;
--color-cyber-neon-green-300: #2bdb4b;
--color-cyber-neon-green-400: #00c400;
--color-cyber-neon-green-500: #00ae00;
--color-cyber-neon-green-600: #009300;
--color-cyber-neon-green-700: #007600;
--color-cyber-neon-green-800: #005700;
--color-cyber-neon-green-900: #003d00;
--color-cyber-neon-green-950: #002600;
}SCSS
$cyber-neon-green: #00ff26;
$cyber-neon-green-rgb: 0, 255, 38;
$cyber-neon-green-light: mix(#fff, $cyber-neon-green, 20%);
$cyber-neon-green-dark: mix(#000, $cyber-neon-green, 20%);
.element {
color: $cyber-neon-green;
box-shadow: 0 0 0 2px rgba($cyber-neon-green, 0.35);
}