Red 색상

빨강 — 강렬함과 긴박감의 색

#FF0000Red

색상 값

HEX#FF0000

RGBrgb(255, 0, 0)

HSLhsl(0°, 100%, 50%)

CSSred

색조 팔레트

#FFF5F5

100

#FED7D7

300

#FC8181

500

#F56565

700

#C53030

900

#742A2A

보색

↔

#00FFFF

Cyan

유사색

#FF4500

OrangeRed

#FF0080

Rose

CSS 사용법

CSS

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

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

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

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

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

순수한 빨강(#FF0000)은 채도가 너무 높아 텍스트에 쓰면 눈이 피로해질 수 있습니다. 본문에는 #DC2626이나 #EF4444처럼 약간 어두운 변형을 사용하는 것을 권장합니다.

빨강(#FF0000)은 RGB 색상 모델에서 순수한 빨간색을 나타냅니다. 사람의 눈이 가장 빠르게 인식하는 색 중 하나로, 경고·위험·긴박함을 직관적으로 전달합니다. 웹 디자인에서는 CTA(행동 유도) 버튼, 에러 메시지, 알림 배지 등에 가장 많이 사용됩니다. 순수한 빨강은 채도가 매우 높아 배경보다는 포인트 색상으로 활용할 때 효과적입니다.

주요 사용 사례

▸에러 메시지 및 경고 알림 — 사용자에게 문제를 즉시 인식시킴
▸CTA 버튼 — '구매하기', '지금 시작' 등 행동 유도에 효과적
▸알림 배지(notification badge) — 읽지 않은 메시지 수 표시
▸필수 입력 필드 표시 — 폼의 * 마크 및 유효성 에러 강조
▸브랜드 아이덴티티 — 코카콜라, 넷플릭스, 유튜브 등
▸정지 신호 — UI의 비활성화·차단 상태 표현

Red 색상

CSS 사용법

주요 사용 사례

관련 색상