이름 색상 · #00FF99

Green Gas

Green Gas은(는) #00FF99: rgb(0 255 153), hsl(156 100% 50%), oklch(0.879 0.213 156). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Green Gas color name →

#00FF99

oklch(0.879 0.213 156)

색상 변환

HEX: #00ff99
RGB: rgb(0 255 153)
HSL: hsl(156 100% 50%)
HWB: hwb(156 0% 0%)
OKLCH: oklch(0.879 0.213 156)
OKLab: oklab(0.879 -0.195 0.087)
CIE Lab: lab(88.74 -69.27 34.05)
LCH: lch(88.74 77.18 153.8)
CMYK: cmyk(100% 0% 40% 0%)

틴트 · 셰이드 · 톤

틴트

4EFFA4
6EFFAE
87FFB9
9CFFC3
AFFFCD
C1FFD7
D1FFE1
E1FFEB
F0FFF5

셰이드

00DE84
00BE70
009E5D
00804A
006338
004827
002E17
001608
000301

톤

39F297
4FE595
5DD893
67CC91
6FBF8E
75B28C
79A689
7C9986
7F8D83

색 조화

보색 +180°

00FF99
Green Gas
FFC0EF
≈ Pink Quartz

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.33:1 · APCA Lc 16

Fail

검은색 위

WCAG 15.76:1 · APCA Lc 88

AAA

가장 좋은 글자색: #000000

WCAG 15.76:1 (AAA) · APCA Lc 88

Contrast pairs

코드 스니펫

CSS

:root {
  --green-gas: #00ff99;
  --green-gas-rgb: 0 255 153;
  --green-gas-oklch: oklch(0.879 0.213 156);
}

.element {
  color: var(--green-gas);
  background-color: hsl(156 100% 50%);
  border-color: oklch(0.879 0.213 156);
}

Tailwind CSS v4

@theme {
  --color-green-gas: #00ff99;
  --color-green-gas-50: #c1ffde;
  --color-green-gas-100: #a9fecd;
  --color-green-gas-200: #7cf0b1;
  --color-green-gas-300: #30d78c;
  --color-green-gas-400: #00c165;
  --color-green-gas-500: #00ab40;
  --color-green-gas-600: #009138;
  --color-green-gas-700: #00742c;
  --color-green-gas-800: #00561a;
  --color-green-gas-900: #003c11;
  --color-green-gas-950: #002504;
}

SCSS

$green-gas: #00ff99;
$green-gas-rgb: 0, 255, 153;
$green-gas-light: mix(#fff, $green-gas, 20%);
$green-gas-dark: mix(#000, $green-gas, 20%);

.element {
  color: $green-gas;
  box-shadow: 0 0 0 2px rgba($green-gas, 0.35);
}

비슷한 이름 색상

도구에서 열기

피커 조합 대비 검사기 Studio JSON API