Gold 색상

골드 — 고급스러움과 성취의 색

#FFD700Gold

색상 값

HEX#FFD700

RGBrgb(255, 215, 0)

HSLhsl(51°, 100%, 50%)

CSSgold

색조 팔레트

#FFFDE7

100

#FFF9C4

300

#FFF176

500

#FFEE58

700

#F9A825

900

#E65100

보색

↔

#0028FF

Ultramarine Blue

유사색

#FFC107

Amber

#FFEC47

Lemon Yellow

CSS 사용법

CSS

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

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

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

/* By HSL */
color: hsl(51deg, 100%, 50%);

/* With opacity */
color: rgba(255, 215, 0, 0.8);
color: hsl(51deg 100% 50% / 80%);

골드(#FFD700)는 밝은 노랑 계열이라 흰 배경에서는 가독성이 낮습니다(대비율 약 1.4:1). 별점 같은 아이콘에는 그대로 사용해도 되지만, 텍스트에는 절대 사용하지 마세요. 어두운 배경과 조합 시 가장 효과적입니다.

골드(#FFD700)는 황금의 색상으로 부유함, 성취, 고급스러움, 탁월함을 상징합니다. 1등·최고·프리미엄을 나타내는 UI 요소(별점, 트로피, 배지)에 가장 많이 쓰이며, 짙은 배경 위에서 빛나는 효과를 연출할 때 특히 효과적입니다. 검정 배경과 골드의 조합은 럭셔리 브랜드에서 즐겨 사용하는 고급 배색입니다. 단, 흰 배경에서는 가독성이 낮으므로 텍스트보다 아이콘이나 배경에 주로 활용됩니다.

주요 사용 사례

▸별점·리뷰 아이콘 — 5점 만점 평가의 채워진 별 색상
▸프리미엄 배지·멤버십 — Gold/VIP 등급 표시
▸시상식·랭킹 UI — 1위 트로피, 메달 아이콘
▸럭셔리 이커머스 — 주얼리, 명품 브랜드 하이라이트
▸크리스마스·명절 테마 — 계절 이벤트 UI
▸성취 알림 — 게임·앱의 업적 달성 팝업

Gold 색상

CSS 사용법

주요 사용 사례

관련 색상