KO
내 도구

파란색 색상 코드(파랑 계열 37가지)

네이비, 로열 블루, 코발트, 세룰리안, 스카이 블루 등 파랑 계열 37가지의 HEX, RGB, HSL, CMYK 코드를 정리했습니다. 색마다 밝고 어두운 단계와 보색도 확인하세요.

내 도구 →
광고

파랑은 검정에 가까운 네이비부터 가장 옅은 앨리스 블루까지 폭이 넓습니다. 이 페이지는 royalblue, steelblue 같은 CSS 이름 18가지와 코발트, 세룰리안, 프러시안 블루, 인터내셔널 클라인 블루처럼 널리 알려진 이름을 더한 파랑 37가지를 HEX, RGB, HSL, HSV, CMYK, OKLCH 코드와 함께 모았습니다. 하나를 고르면 밝은 단계와 어두운 단계, 보색, 그리고 그 위에 흰 글자와 검은 글자 중 무엇이 읽기 좋은지 알려 줍니다.

사용 방법

  1. 목록에서 파랑 계열 색을 고릅니다.
  2. 결과에서 HEX, RGB, HSL, CMYK 코드를 복사합니다.
  3. 같은 파랑의 더 밝거나 어두운 변형은 밝은 단계·어두운 단계 표를 사용합니다.
  4. 전체 표를 스크롤해 모든 색을 나란히 비교하거나 차트를 내려받습니다.

계산식

밝은 단계 = c + (255 − c) × p · 어두운 단계 = c × (1 − p) · 보색 = HSL 색상 + 180°

c는 RGB 각 채널이고 p는 혼합 비율(15–75%)입니다. CMYK는 단순 공식 K = 1 − max(R′, G′, B′)를 쓰며, 인쇄소는 ICC 프로파일로 변환하므로 값이 다를 수 있습니다.

예시

로열 블루(royalblue)는 #4169E1 = rgb(65, 105, 225), hsl(225, 72.7%, 56.9%)입니다. 색상을 180° 돌리면 따뜻한 금색 #E1B941, 곧 보색이 됩니다. 그 위의 흰 글자는 대비율 4.84:1로 본문용 AA를 만족하고, 네이비 #000080 위의 흰 글자는 16:1입니다.

자주 묻는 질문

네이비 블루의 HEX 코드는 무엇인가요?

CSS의 navy는 #000080, 곧 rgb(0, 0, 128)로 순수한 파랑의 절반 세기입니다. 많은 브랜드가 #1F305E(델프트 블루)나 옥스퍼드 블루 #002147 같은 더 어두운 파랑도 "네이비"라고 부릅니다.

로열 블루와 코발트 블루는 어떻게 다른가요?

CSS의 로열 블루 #4169E1은 더 밝고 약간 보랏빛이 돌며, 코발트 블루 #0047AB는 코발트 안료에서 이름을 딴 더 짙고 채도 높은 색입니다. 영국 왕실 문장의 전통적인 로열 블루는 훨씬 어두운 #002366입니다.

링크와 버튼에는 어떤 파랑이 좋은가요?

배경과의 대비가 4.5:1 이상인 파랑을 고르세요. 흰 배경에서 #0047AB(코발트)는 약 8.4:1이지만 스카이 블루 #87CEEB는 1.7:1에 그칩니다.

출처

최종 업데이트:

인용·퍼가기
APA

kakaoCalc. (2026, November 8). 파란색 색상 코드(파랑 계열 37가지). https://kakao.mobile/ko/tools/blue-color-code/

MLA

“파란색 색상 코드(파랑 계열 37가지).” kakaoCalc, 8 Nov. 2026, kakao.mobile/ko/tools/blue-color-code/.

광고