Teal 색상

틸 — 차분함과 현대성의 색

#008080Teal

색상 값

HEX#008080

RGBrgb(0, 128, 128)

HSLhsl(180°, 100%, 25%)

CSSteal

색조 팔레트

#E0F7FA

100

#B2EBF2

300

#4DD0E1

500

#00ACC1

700

#00838F

900

#004D40

보색

↔

#800000

Maroon

유사색

#009080

Persian Green

#007070

Dark Teal

CSS 사용법

CSS

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

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

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

/* By HSL */
color: hsl(180deg, 100%, 25%);

/* With opacity */
color: rgba(0, 128, 128, 0.8);
color: hsl(180deg 100% 25% / 80%);

CSS named color `teal`은 #008080으로 꽤 어두운 편입니다. 더 밝고 현대적인 틸이 필요하면 #0D9488(Tailwind teal-600) 또는 #14B8A6(Tailwind teal-500)을 사용하세요.

틸(#008080)은 파랑과 초록의 중간에 위치한 청록색입니다. 차분함, 세련됨, 현대성, 신선함을 동시에 표현하는 독특한 색으로, 의료·헬스케어, 기술, 환경 분야 UI에서 널리 사용됩니다. 어두운 배경이나 밝은 배경 모두에서 잘 어울리며, 보색인 적갈색(마룬)과 대비할 때 강렬한 시각적 효과를 냅니다. Material Design의 기본 팔레트에도 포함된 색입니다.

주요 사용 사례

▸헬스케어·의료 UI — 청결함과 신뢰감을 동시에 표현
▸환경·지속가능성 브랜드 — 자연과 기술의 조화
▸SaaS·테크 제품 — 현대적이고 차별화된 브랜드 색
▸데이터 시각화 — 파랑·초록 계열 차트에서 중간 색조
▸스파·웰니스 UI — 차분하고 힐링되는 분위기
▸금융 대시보드 — 신뢰감 있으면서도 신선한 느낌

Teal 색상

CSS 사용법

주요 사용 사례

관련 색상