라벤더색 색상 코드(라벤더 계열 17가지)

"라벤더"라고 하면 전혀 다른 두 색이 나올 수 있습니다. CSS의 lavender는 #E6E6FA로, 푸른빛이 도는 아주 옅은 흰색에 가깝고, 라벤더 꽃의 색은 #B57EDC로 선명한 중간 톤의 보라입니다. 이 페이지는 이 계열의 CSS 키워드 5가지(lavender, lavenderblush, thistle, plum, mediumpurple)에 꽃 라벤더, 페리윙클, 페일·랭귀드 라벤더, 위스테리아, 라일락, 헬리오트로프 등을 더한 라벤더·라일락 17가지를 HEX, RGB, HSL, HSV, CMYK, OKLCH 코드, 밝고 어두운 단계, 그리고 두 라벤더 중 어느 쪽에 더 가까운지와 함께 정리했습니다.

사용 방법

1. 목록에서 라벤더 또는 라일락 계열 색을 고릅니다.
2. 필요한 HEX, RGB, HSL, CMYK 코드를 복사합니다.
3. "가장 가까운 라벤더"를 확인하면 그냥 "라벤더"라고만 적힌 요청서에도 맞출 수 있습니다.
4. 더 밝은 배경이나 더 어두운 포인트 색이 필요하면 밝은·어두운 단계 표를 사용하세요.

계산식

밝은 단계 = c + (255 − c) × p · 어두운 단계 = c × (1 − p) · 보색 = HSL 색상 + 180° · "가장 가까운 쪽" = CIEDE2000 ΔE가 더 작은 쪽

c는 RGB 각 채널 값이고 p는 섞는 비율(15–75%)입니다. 거리는 CIELAB(D50)과 CIEDE2000 공식으로 계산하며, 약 2 이하이면 두 색을 구별하기 어렵고 10을 넘으면 뚜렷이 다릅니다.

예시

라벤더(꽃 색)는 #B57EDC = rgb(181, 126, 220) = hsl(275.1, 57.3%, 67.8%)이고 CMYK는 17.7%, 42.7%, 0%, 13.7%입니다. CSS lavender #E6E6FA는 hsl(240, 66.7%, 94.1%)로 훨씬 옅습니다. 두 색 모두 검정 글자가 잘 읽힙니다. 꽃 라벤더 위에서는 6.98:1, CSS 라벤더 위에서는 17.06:1입니다. 반면 꽃 라벤더 위의 흰 글자는 3:1에 그쳐 큰 제목에는 되지만 본문에는 부족합니다. 위스테리아 #C9A0DC는 CSS 키워드(ΔE 20.2)보다 꽃 라벤더(ΔE 10.5)에 가깝습니다.