컬러 팔레트

황금색

금처럼 빛나는 밝고 순수한 노란색이에요. 행복과 풍요를 떠올리게 해서 브랜드 로고와 축하 행사에 인기가 많아요. 그래픽에서 눈길을 끄는 포인트가 되기도 해요.

다른 이름: 골든 옐로, 황금빛

황금색의 HEX 코드는 #FFDF00 값이에요. RGB로는 rgb(255, 223, 0), HSL로는 hsl(52, 100%, 50%), CMYK로는 0, 13, 100, 0 값이에요.

실제로 보면 이런 느낌

함께 쓸 색을 고르면 옷, 인테리어, 디자인에서 어떻게 보이는지 알 수 있어요.

황금색에 가까운 색

금색#FFD700바나나색#FFE135카나리아색#FFEF00레몬색#FFF700해바라기색#FFC512노란색#FFFF00

황금색 기본 정보

황금색(#FFDF00) 색상은 따뜻한 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 노란 계열 색 그룹에 속해요. RGB 값은 빨강 255, 초록 223, 파랑 0(각 255단계)예요. 주요 용도: 브랜딩, 이벤트, 그래픽 디자인.

황금색 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #FFDF00
황금색 · #FFDF00

황금색의 명암: 밝은 톤과 어두운 톤

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

모든 톤 보기: 색상 단계 생성기

황금색의 색상 조화

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

보색가까운 색:파란색
유사색가까운 색:홍시색, 샤르트뢰즈
삼각 배색가까운 색:터쿼이즈 블루, 마젠타
분할 보색가까운 색:콘플라워 블루, 파란색
사각 배색가까운 색:스프링 그린, 파란색, 푸크시아

황금색 컬러 팔레트

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

단색 팔레트 · 황금색
유사색 팔레트 · 황금색
보색 팔레트 · 황금색
삼각 배색 팔레트 · 황금색
중성색 포함 팔레트 · 황금색
포인트 색 포함 팔레트 · 황금색

황금색 위 글자색 대비

흰 글자대비율 1.3:1 · 권장하지 않음
검은 글자대비율 15.8:1 · AAA

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

CSS 코드

:root {
  --golden-yellow: #FFDF00;
  --golden-yellow-rgb: 255, 223, 0;
}
.bg { background-color: var(--golden-yellow); }
.text { color: var(--golden-yellow); }

황금색에 가까운 색

앰버사프란색옥수수색머스터드

이 색을 볼 수 있는 국기·팀·브랜드

에콰도르국기메르카도 리브레브랜드볼리비아국기브라질국기

이 색이 들어간 테마별 팔레트

다른 노란 계열 색

노란색금색올드 골드머스터드레몬색앰버밀색꿀색카나리아색사프란색샴페인파스텔 옐로형광 노란색옥수수색해바라기색골든로드메리골드버터 옐로바나나색황동색
황금색 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #FFDF00
황금색 색상 견본과 밝은 색부터 어두운 색까지의 단계 · #FFDF00

이것도 해 보세요

이름 컬러 팔레트이름을 넣고 나만의 컬러 스토리 팔레트를 만들어 보세요탄생화 꽃다발 만들기생일 꽃으로 나만의 꽃다발탄생색 패턴 만들기가족·친구의 탄생색으로 체크무늬
무료 도구 전체 보기 →

자주 묻는 질문

황금색의 색상 코드는 무엇인가요?

황금색의 HEX 코드는 #FFDF00 값이에요. RGB로는 rgb(255, 223, 0), HSL로는 hsl(52, 100%, 50%), CMYK로는 0, 13, 100, 0 값이에요.

황금색의 보색은 무엇인가요?

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

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

검은 글자가 더 좋아요. 흰색과의 대비율은 1.3:1뿐이지만 검은색과는 15.8:1이에요.