초록색 색상 코드(초록 계열 38가지)

초록은 네온과 라임에서 에메랄드, 제이드를 거쳐 검정에 가까운 브리티시 레이싱 그린까지 폭이 넓습니다. 이 페이지는 forestgreen, seagreen 같은 CSS 이름 20가지에 에메랄드, 제이드, 매직 민트, 세이지, 켈리, 헌터, 펀, 모스 등을 더한 초록 38가지를 HEX, RGB, HSL, HSV, CMYK, OKLCH 코드와 밝고 어두운 단계, 각각의 보색과 함께 나열합니다.

사용 방법

1. 초록 계열 색을 고릅니다.
2. 필요한 코드 형식을 복사합니다. CSS 이름은 그대로 쓸 수 있습니다.
3. 밝고 어두운 단계는 호버 상태, 테두리, 배경에 활용하세요.
4. 표에서 모든 초록을 비교하거나 차트를 내려받습니다.

계산식

밝은 단계 = c + (255 − c) × p · 어두운 단계 = c × (1 − p) · 보색 = HSL 색상 + 180°

c는 RGB 각 채널이고 p는 비율(15–75%)입니다. CSS에 없는 이름은 공식 정의가 없어서 코드는 흔히 쓰이는 참고 값을 따릅니다.

예시

에메랄드는 #50C878 = rgb(80, 200, 120) = hsl(140, 52.2%, 54.9%)입니다. 색상을 180° 돌리면 보색인 오키드 핑크 #C850A0이 됩니다. CSS의 특이점도 알아 두세요. green은 겨우 #008000이고, 화면의 순수한 초록 #00FF00은 lime이라고 부릅니다.