Blue 색상

파랑 — 신뢰와 안정의 색

#0000FFBlue

색상 값

HEX#0000FF

RGBrgb(0, 0, 255)

HSLhsl(240°, 100%, 50%)

CSSblue

색조 팔레트

#EBF8FF

100

#BEE3F8

300

#63B3ED

500

#4299E1

700

#2B6CB0

900

#1A365D

보색

↔

#FFFF00

Yellow

유사색

#0040FF

Azure Blue

#4000FF

Indigo

CSS 사용법

CSS

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

/* By HEX */
color: #0000FF;
background-color: #0000FF;

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

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

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

순수한 파랑(#0000FF)은 화면에서 매우 진하게 보입니다. 접근성을 위해 배경이 흰색일 때는 WCAG AA 기준을 충족하는 #1D4ED8 이상의 명도 대비를 갖춘 변형을 사용하세요.

파랑(#0000FF)은 디지털 환경에서 가장 많이 사용되는 색상 중 하나입니다. 신뢰감, 안정성, 전문성을 상징하며 링크의 기본 색상으로 웹의 역사 전반에 걸쳐 사용돼 왔습니다. 단, 순수한 파랑은 채도가 극단적으로 높아 UI에서는 #2563EB, #3B82F6 같은 중간 채도 변형이 더 많이 쓰입니다. Facebook, Twitter, Samsung 등 수많은 글로벌 브랜드가 파랑을 주색으로 채택하고 있습니다.

주요 사용 사례

▸하이퍼링크 기본 색상 — 웹 표준 링크 색상(#0000EE)
▸기본 버튼 — 확인, 저장, 제출 등 기본 액션 표현
▸정보 알림 — info 메시지, 도움말 아이콘
▸데이터 시각화 — 차트와 그래프의 기본 계열 색상
▸배경 그라디언트 — 하늘이나 바다를 연상시키는 배경
▸브랜드 아이덴티티 — Facebook, PayPal, Ford, IBM

Blue 색상

CSS 사용법

주요 사용 사례

관련 색상