컬러 팔레트

빨간색

화면에서 표현하는 순수한 빨간색이에요. 빨강 채널이 최대이고 초록과 파랑은 0이에요. 어떤 색보다 빨리 시선을 끌어서 경고, 세일, 행동 유도 버튼에 자주 쓰여요. 너무 많이 쓰면 눈이 피로하니 조금씩 쓰는 게 좋아요.

다른 이름: 레드, 새빨간색

빨간색 · #FF0000

빨간색 기본 정보

빨간색(#FF0000) 색상은 따뜻한 색 계열이에요. 밝기는 중간, 채도는 높은 수준이에요. 빨간 계열 색 그룹에 속해요. RGB 값은 빨강 255, 초록 0, 파랑 0(각 255단계)예요. 주요 용도: 로고, 사인·표지판, 패션, 웹.

빨간색의 명암: 밝은 톤과 어두운 톤

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

빨간색에 어울리는 색

검은색강렬하고 우아한 조합이에요.흰색산뜻하고 경쾌한 느낌을 줘요.네이비마린룩의 정석이에요.회색빨강을 차분하게 톤 다운해 줘요.베이지따뜻하고 우아한 바탕이에요.금색화려함과 화사함을 더해요.카멜따뜻하고 세련된 대비예요.인디 핑크부드럽고 트렌디한 대비예요.
패션·인테리어에서 빨간색 매치하는 법 →

빨간색의 색상 조화

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

보색가까운 색:시안
유사색가까운 색:딥 핑크, 주황색
삼각 배색가까운 색:네온 그린, 파란색
분할 보색가까운 색:민트색, 일렉트릭 블루
사각 배색가까운 색:샤르트뢰즈, 시안, 바이올렛

빨간색 컬러 팔레트

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

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

빨간색 위 글자색 대비

흰 글자대비율 4.0:1 · AA(큰 글자)
검은 글자대비율 5.3:1 · AA

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

CSS 코드

:root {
  --red: #FF0000;
  --red-rgb: 255, 0, 0;
}
.bg { background-color: var(--red); }
.text { color: var(--red); }

빨간색에 가까운 색

스칼렛페라리 레드주홍색네온 오렌지버밀리언체리색토마토색마호가니펌킨 오렌지크림슨

다른 빨간 계열 색

크림슨스칼렛버밀리언마룬버건디와인색카민루비색체리색벽돌색핏빛 빨강마르살라토마토색페라리 레드인디언 레드

자주 묻는 질문

빨간색의 색상 코드는 무엇인가요?

빨간색의 HEX 코드는 #FF0000 값이에요. RGB로는 rgb(255, 0, 0), HSL로는 hsl(0, 100%, 50%), CMYK로는 0, 100, 100, 0 값이에요.

빨간색의 보색은 무엇인가요?

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

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

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

빨간색에 어울리는 색은 무엇인가요?

잘 어울리는 색: 검은색, 흰색, 네이비, 회색, 베이지. 선명한 초록은 크리스마스처럼, 강한 주황은 과해 보이니 함께 쓰지 마세요. 빨강 면적이 크면 피로한 느낌이 나요.