색상 변환기
HEX, RGB, HSL, CMYK 형식 간 색상을 변환합니다. 입력 형식을 자동 감지하고 모든 색 공간 표현을 표시합니다. 디자이너와 개발자에게 필수.
매개변수
HEX, RGB, HSL 또는 HWB 형식으로 색상을 입력하세요.
입력 색상 값의 형식
결과
#3B82F6
16진수 색상 표기
다른 결과 (5)
색상의 시각적 미리보기
rgb(59, 130, 246)
Red: 59, Green: 130, Blue: 246
hsl(217, 91%, 60%)
Hue: 217°, Saturation: 91%, Lightness: 60%
cmyk(76%, 47%, 0%, 4%)
Cyan: 76%, Magenta: 47%, Yellow: 0%, Black: 4%
이 색상에 가장 가까운 색상으로 명명된 CSS
입력 및 결과 예제
#3B82F6rgb(59, 130, 246)CMYK는ICC 프로파일 없이 수학적으로 근사합니다. 특정 프린터나 종이의 색상을 예측하지 않습니다.
색상 변환기을 선택하는 이유
색상 변환기는 입력 형식을 자동 감지하여 HEX, RGB, HSL 및 CMYK 형식 간에 색상을 변환합니다. 또한 색상이라는 가장 가까운 CSS를 식별하므로 웹 디자이너와 개발자에게 필수적인 도구입니다.
- ✓HEX, RGB, HSL 및 CMYK 색상 형식 간 변환
- ✓입력 색상 형식을 자동 감지합니다.
- ✓가장 가까운 CSS 이름의 색상 일치를 표시합니다.
- ✓모든 값은 CSS 또는 디자인 도구에서 사용할 수 있도록 복사 가능합니다.
사용 방법
- 1지원되는 형식(HEX, RGB, HSL, HWB)으로 색상 값을 입력하세요.
- 2입력 형식을 선택하거나 자동 감지로 두십시오.
- 3모든 색상 형식 표현을 즉시 확인하세요.
- 4CSS 또는 디자인 도구에 필요한 형식을 복사하세요.
- 5빠른 참조를 위해 가장 가까운 이름의 색상을 확인하세요.
자주 묻는 질문 (FAQ)
HEX와 RGB의 차이점은 무엇입니까?
HEX와 RGB는 동일한 색상 데이터를 다르게 나타냅니다. HEX는 16진수 표기법(#RRGGBB)을 사용하는 반면 RGB는 10진수 값(rgb(R, G, B))을 사용합니다. 예를 들어 #FF0000과 rgb(255, 0, 0)은 모두 순수한 빨간색을 나타냅니다.
언제 HEX 대신 HSL을 사용해야 합니까?
HSL(색조, 채도, 밝기)은 색상 조정에 더 직관적입니다. 쉽게 색상을 더 밝게(L 증가), 더 선명하게(S 증가) 만들거나 색상을 변경할 수 있습니다. HEX는 정확한 색상 지정 및 디자인 도구와의 공유에 더 좋습니다.
CMYK는 무엇에 사용되나요?
CMYK(Cyan, Magenta, Yellow, Key/Black)는 인쇄 디자인에 사용됩니다. 가산적(밝은 기반)인 RGB와 달리 CMYK는 뺄셈적(잉크 기반)입니다. 인쇄용 디지털 디자인을 준비할 때 RGB를 CMYK로 변환하는 것은 필수적입니다.
이 도구를 사용하여 HWB에서 변환할 수 있나요?
예. HWB(Hue, Whiteness, Blackness)는 색상 조정에 직관적인 최신 CSS 색상 형식입니다. HWB 값을 hwb(H W% B%) 형식으로 입력하면 도구가 이를 다른 모든 형식으로 변환합니다.
가장 가까운 이름의 색상 일치는 얼마나 정확합니까?
이 도구는 RGB 공간의 유클리드 거리를 사용하여 색상이라는 가장 가까운 CSS를 찾습니다. 색상이 명명된 색상과 정확히 일치하면 정확히 일치하는 것으로 표시됩니다. 그렇지 않으면 가장 가까운 이름의 색상이 표시되며 입력한 색상과 약간 다를 수 있습니다.
신뢰할 수 있는 참고 자료
관련 도구
동일한 작업 환경에서 유용한 도구를 추가로 탐색해 보세요.