Coral 색상

코랄 — 따뜻함과 생동감의 색

#FF7F50Coral

색상 값

HEX#FF7F50

RGBrgb(255, 127, 80)

HSLhsl(16°, 100%, 66%)

CSScoral

색조 팔레트

#FFF0EB

100

#FFD5C7

300

#FFA380

500

#FF7F50

700

#CC4A1A

900

#7A1F00

보색

↔

#007FAF

Cerulean

유사색

#FF6347

Tomato

#FFA07A

Light Salmon

CSS 사용법

CSS

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

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

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

/* By HSL */
color: hsl(16deg, 100%, 66%);

/* With opacity */
color: rgba(255, 127, 80, 0.8);
color: hsl(16deg 100% 66% / 80%);

코랄은 흰색 배경에서 충분한 대비를 제공하지 못할 수 있습니다(WCAG 기준 미충족 가능). 텍스트 색상으로는 더 어두운 #E8572A나 #CC4A1A를 사용하고, 코랄 자체는 배경이나 버튼에 활용하세요.

코랄(#FF7F50)은 빨강과 주황 사이의 따뜻하고 생동감 있는 색상입니다. 열대 바다의 산호에서 영감을 받은 이름으로, 에너지, 활기, 친근함, 창의성을 상징합니다. 2019년 팬톤 올해의 색(Living Coral)으로 선정되어 큰 주목을 받았습니다. UI에서는 CTA 버튼, 강조 텍스트, 일러스트레이션의 포인트 색상으로 사용하면 친근하고 활기찬 분위기를 연출할 수 있습니다.

주요 사용 사례

▸CTA 버튼 — 구매·신청·시작 버튼의 포인트 색상
▸라이프스타일·뷰티 브랜드 — 트렌디하고 생동감 있는 UI
▸일러스트레이션 포인트 — 딱딱한 인터페이스에 온기 부여
▸이벤트·프로모션 배너 — 시선을 끄는 강조 색상
▸음식·음료 앱 — 식욕을 자극하는 따뜻한 색조
▸아동용 앱·교육 플랫폼 — 밝고 친근한 분위기 연출

Coral 색상

CSS 사용법

주요 사용 사례

관련 색상