초록색

식물과 잎의 색이에요. 화면에서는 파랑과 노랑 빛 사이에 있어요. 자연, 건강, '진행해도 좋다'는 신호를 떠올리게 해요. 친환경 브랜드, 은행, 확인 버튼에 흔히 쓰여요.

다른 이름: 그린, 녹색

초록색 · #008000

초록색 기본 정보

초록색(#008000) 색상은 중간 온도의 색 계열이에요. 밝기는 어두운 편, 채도는 높은 수준이에요. 초록 계열 색 그룹에 속해요. RGB 값은 빨강 0, 초록 128, 파랑 0(각 255단계)예요. 주요 용도: 로고, 자연, 웹, 사인·표지판.

초록색의 명암: 밝은 톤과 어두운 톤

밝은 색부터 어두운 색 순서로 놓여 있어요. 색을 누르면 색상 코드가 복사돼요.

초록색에 어울리는 색

흰색산뜻하고 깔끔한 느낌을 줘요.베이지자연스럽고 편안한 조합이에요.커피색나무와 잎 같은 조합이에요.네이비시원하고 우아한 조합이에요.분홍색보색 대비예요.노란색밝고 봄다운 조합이에요.금색화려함과 따뜻함을 더해요.회색초록을 차분하고 모던하게 해요.

패션·인테리어에서 초록색 매치하는 법 →

초록색의 색상 조화

색상환을 바탕으로 한 배색이에요. 색상 조화 도구에서 더 많은 조합을 시험해 보세요.

보색가까운 색:보라색

유사색가까운 색:비취색

삼각 배색가까운 색:네이비, 마룬

분할 보색가까운 색:인디고, 버건디

사각 배색가까운 색:울트라 바이올렛, 보라색, 초콜릿색

초록색 컬러 팔레트

색상 코드를 복사하거나 편집기에서 열어 자유롭게 바꿔 보세요.

단색 팔레트 · 초록색

유사색 팔레트 · 초록색

보색 팔레트 · 초록색

삼각 배색 팔레트 · 초록색

중성색 포함 팔레트 · 초록색

포인트 색 포함 팔레트 · 초록색

초록색 위 글자색 대비

흰 글자대비율 5.1:1 · AA

검은 글자대비율 4.1:1 · AA(큰 글자)

WCAG 2.1 기준이에요. 다른 색 조합은 명도 대비 검사에서 확인하세요.

CSS 코드

:root {
  --green: #008000;
  --green-rgb: 0, 128, 0;
}
.bg { background-color: var(--green); }
.text { color: var(--green); }

초록색에 가까운 색

포레스트 그린 진초록 비취색 에메랄드 그린 애플 그린 파스텔 그린 피스타치오 그린 올리브색 연두색 모스 그린

자주 묻는 질문

초록색의 색상 코드는 무엇인가요?

초록색의 HEX 코드는 #008000 값이에요. RGB로는 rgb(0, 128, 0), HSL로는 hsl(120, 100%, 25%), CMYK로는 100, 0, 100, 50 값이에요.

초록색의 보색은 무엇인가요?

색상환에서 반대편에 있는 보색은 #800080 색으로, 보라색에 가까워요. 포인트로 조금만 쓰면 강한 대비가 생겨요.

초록색 위에 흰 글자를 올려도 잘 읽히나요?

네. 흰색과의 대비율이 5.1:1이라 일반 크기 글자에도 충분해요(WCAG AA).

초록색에 어울리는 색은 무엇인가요?

잘 어울리는 색: 흰색, 베이지, 커피색, 네이비, 분홍색. 크리스마스 느낌을 노리는 게 아니라면 강한 빨강과의 조합은 피하세요. 무채색 없이 언더톤이 다른 초록을 많이 섞으면 산만해 보여요.