Color Theory

채도

색의 강도 또는 순도로, 선명한 색상에서 무채색 회색까지의 범위로 표현됨.

Saturation describes how pure a color appears relative to gray. A fully saturated color contains no gray and appears vivid and intense, while a completely desaturated color is a shade of gray. In the HSL model, saturation is measured as a percentage from 0% (gray) to 100% (pure color). Saturation differs from chroma in that it is relative to the color's own lightness. High-saturation colors demand attention and are effective for calls-to-action, while low-saturation colors create calm, professional atmospheres.

직접 해보기

색상 변환기

HEX, RGB, HSL, HSV, CMYK, OKLCH 색상 형식 간에 즉시 변환합니다.

쉐이드 생성기

디자인 시스템을 위해 모든 기본 색상에서 Tailwind CSS 스타일의 쉐이드 스케일(50~950)을 생성합니다.

관련 글

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 변환 전략, 인쇄 교정 작업 흐름 및 일반적인 함정에 대해 알아보세요.

인쇄 디자인의 포일 스탬핑 및 금속 색상

포일 스탬핑 기술, 금속 잉크 옵션, 금박 및 은박 선택, 고급 인쇄 재료에 대한 디자인 고려 사항에 대해 알아보세요.