Green 색상

초록 — 성공과 자연의 색

#008000Green

색상 값

HEX#008000

RGBrgb(0, 128, 0)

HSLhsl(120°, 100%, 25%)

CSSgreen

색조 팔레트

#F0FFF4

100

#C6F6D5

300

#68D391

500

#48BB78

700

#276749

900

#1C4532

보색

↔

#800080

Purple

유사색

#408000

Olive Green

#008040

Sea Green

CSS 사용법

CSS

/* By name */
color: green;
background-color: green;

/* By HEX */
color: #008000;
background-color: #008000;

/* By RGB */
color: rgb(0, 128, 0);

/* By HSL */
color: hsl(120deg, 100%, 25%);

/* With opacity */
color: rgba(0, 128, 0, 0.8);
color: hsl(120deg 100% 25% / 80%);

CSS `green`은 #008000으로 어두운 편입니다. 밝고 화사한 초록이 필요하면 `lime`(#00FF00) 또는 #22C55E(Tailwind green-500)를 사용하세요.

CSS 표준 초록(#008000)은 사람의 눈이 가장 민감하게 반응하는 색상 영역에 위치합니다. 성공, 완료, 환경, 건강을 상징하며 UI에서는 성공 메시지, 진행 완료, 허용 상태를 나타내는 데 주로 쓰입니다. 자연·친환경·지속가능성 관련 브랜드에서도 핵심 색상으로 활용됩니다. CSS의 named color `green`은 #008000이며, 밝은 초록은 `lime`(#00FF00)입니다.

주요 사용 사례

▸성공 메시지 — '저장 완료', '결제 성공' 등 긍정적 피드백
▸진행률 표시 — 로딩 바, 프로그레스 바의 완료 상태
▸환경·친환경 브랜드 — 지속 가능성 관련 UI 테마
▸가격 비교 — 할인가, 저렴한 옵션 강조
▸상태 인디케이터 — '활성', '온라인', '연결됨' 상태 표시
▸금융 데이터 — 주가 상승, 수익 증가 표시

Green 색상

CSS 사용법

주요 사용 사례

관련 색상