채도
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/chroma/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/chroma/
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/chroma/)
Use the native HTML custom element.
색의 순도 또는 강도로, 동일한 밝기의 중성 회색과 비교하여 얼마나 선명하게 보이는지를 나타냄.
Chroma is distinct from saturation, though the two are often confused. Chroma measures colorfulness in absolute terms relative to a reference white, while saturation measures it relative to the color's own brightness. A color with high chroma is vivid and intense, while a color with zero chroma is a pure gray. The Munsell color system was among the first to separate chroma as an independent dimension. In modern color science, CIELAB and OKLCH both use chroma as a key axis, making it essential for perceptually uniform color manipulation.
직접 해보기
관련 글
CSS color-mix(): 브라우저에서 기본적으로 색상 혼합
브라우저에서 기본적으로 색상을 혼합하는 CSS color-mix()를 알아보세요. 구문, 색상 공간, 실제 사용 사례를 마스터하고 JavaScript 없이 동적 팔레트를 만드세요.
처음부터 색상 선택기 웹 구성 요소 구축
웹 구성 요소로 액세스 가능한 색상 선택기를 구축합니다. Shadow DOM을 사용하여 캔버스 렌더링, 색조 슬라이더, 알파 채널 및 사용자 정의 이벤트를 구현합니다.
지각 색상 공간: Lab, LCH, Oklab, OKLCH
CIE Lab, LCH, Oklab, OKLCH 등 지각적으로 균일한 색상 공간을 탐색해 보세요. 각 디자인이 어떻게 설계되었는지, 어디에 뛰어난지, CSS 및 디자인 작업에 어떤 것이 사용되는지 알아보세요.
색상 교정(Color Proofing): 정확한 인쇄 색상 보장
소프트 교정, 하드 교정, 인쇄기 교정 기법을 배워 화면에서 최종 출력까지 정확한 인쇄 색상 재현을 보장하세요.
웹 디자이너를 위한 CMYK: 인쇄가 화면을 만날 때
인쇄 프로젝트를 진행하는 웹 디자이너는 CMYK를 이해해야 합니다. 색역 차이, 안전한 RGB-CMYK 변환 전략, 인쇄 교정 작업 흐름 및 일반적인 함정에 대해 알아보세요.
인쇄 디자인의 포일 스탬핑 및 금속 색상
포일 스탬핑 기술, 금속 잉크 옵션, 금박 및 은박 선택, 고급 인쇄 재료에 대한 디자인 고려 사항에 대해 알아보세요.