이름 색상 · #00FF26
Cyber Neon Green
Cyber Neon Green은(는) #00FF26: rgb(0 255 38), hsl(129 100% 50%), oklch(0.867 0.288 143.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Cyber Neon Green color name →
#00FF26
oklch(0.867 0.288 143.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 4CFF4F
- 6CFF6B
- 85FF82
- 9AFF96
- ADFFA9
- BFFFBB
- D0FFCD
- E0FFDE
- F0FFEF
셰이드
- 00DE20
- 00BE19
- 009E13
- 00800D
- 006308
- 004804
- 002E02
- 001601
- 000300
톤
- 38F23F
- 4DE64E
- 5BD95A
- 65CC63
- 6DC06A
- 73B370
- 78A675
- 7C9A7A
- 7E8D7D
색 조화
보색 +180°
- 00FF26
Cyber Neon Green
- F8BAFF
≈ Brilliant Lavender
유사색 -30° +30°
- 00FF26
Cyber Neon Green
- D5DF00
≈ Golden Gun
- 00F6C9
≈ Bright Teal
삼각 배색 +120° +240°
- 00FF26
Cyber Neon Green
- BDD4FF
≈ Ice Cold Stare
- FFC2BD
≈ Ladylike
분열 보색 +150° +210°
- 00FF26
Cyber Neon Green
- D5CBFF
≈ Lavender Blue
- FFBED8
≈ Cotton Candy
사각 배색 +90° +180° +270°
- 00FF26
Cyber Neon Green
- 9FDDFF
≈ Columbia Blue
- F8BAFF
≈ Brilliant Lavender
- FFC5A1
≈ Tomorrow’s Coral
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.36:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.33:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.33:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
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);
}