보라색 색상 코드(보라 계열 36가지)

보라는 빨강과 파랑 사이에 있으며, 옅은 라벤더와 라일락에서 짙은 가지색과 티리언 퍼플까지 이어집니다. 이 페이지는 rebeccapurple, indigo, orchid, plum 같은 CSS 이름 16가지에 애머시스트, 라일락, 위스테리아, 모브, 비잔티움 등을 더한 보라·바이올렛 36가지를 HEX, RGB, HSL, CMYK, OKLCH 코드, 밝고 어두운 단계, 보색, 읽기 좋은 글자색과 함께 나열합니다.

사용 방법

1. 보라 또는 바이올렛 계열 색을 고릅니다.
2. HEX, RGB, HSL, CMYK 코드를 복사합니다.
3. 밝은 단계는 배경에, 어두운 단계는 글자에 사용하세요.
4. 표에서 모든 보라를 비교하거나 차트를 내려받습니다.

계산식

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

보라는 HSL에서 색상이 대략 260°–300°이므로 보색은 연두 계열입니다. CSS에 없는 이름은 흔히 쓰이는 참고 값을 따릅니다.

예시

리베카 퍼플(rebeccapurple)은 #663399 = rgb(102, 51, 153) = hsl(270, 50%, 40%)입니다. 색상 90°에 있는 보색은 올리브 그린 #669933으로, 마찬가지로 같은 채널 값이 재배열된 것입니다.