이 글에서 다루는 내용

이 글에서는 웹에서 흔히 사용하는 별점(Star Rating) UI를 텍스트로 구현할 때, 흰색 배경에 어울리는 채운 별과 안 채운 별의 RGB 색상값을 추천한다.

흰 배경 별점 RGB 색상 추천

⭐ 채운 별 (Filled Star)

골드 계열이 가장 보편적이며 흰 배경에서 가독성이 뛰어나다.

색상명 RGB 값 특징
순수 골드 rgb(255, 196, 0) 선명하고 표준적인 느낌
따뜻한 앰버 골드 rgb(255, 180, 0) 따뜻하고 부드러운 느낌
오렌지 골드 rgb(250, 160, 0) 진하고 강한 대비

☆ 안 채운 별 (Empty Star)

흰 배경에서는 너무 밝으면 보이지 않고 너무 어두우면 이질감이 생기므로 중간 회색 계열을 사용한다.

색상명 RGB 값 특징
기본 실버 그레이 rgb(200, 200, 200) 무난하고 안정적
연한 그레이 rgb(210, 210, 210) 부드럽고 미니멀
진한 그레이 rgb(180, 180, 180) 대비 강조

🎯 추천 조합

용도 채운 별 안 채운 별
기본 앱 UI rgb(255, 196, 0) rgb(210, 210, 210)
고급/미니멀 rgb(250, 160, 0) rgb(200, 200, 200)
선명한 대비 rgb(255, 180, 0) rgb(180, 180, 180)