Color Theory

밝기

색이 발산하거나 반사하는 빛의 지각 강도로, 최대 밝기는 해당 색상의 가장 순수한 형태를 나타냄.

Brightness, used in the HSV (Hue-Saturation-Value) model, differs from lightness in an important way: at maximum brightness (100%) with full saturation, the color is its most vivid form, not white. White only occurs when brightness is 100% and saturation is 0%. This makes HSV more intuitive for tasks like adjusting how 'strong' a color appears without washing it out. Brightness is closely related to the physical concept of luminous intensity but is a perceptual rather than physical quantity.

직접 해보기

색상 변환기

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

관련 글

CSS color-mix(): 브라우저에서 기본적으로 색상 혼합

브라우저에서 기본적으로 색상을 혼합하는 CSS color-mix()를 알아보세요. 구문, 색상 공간, 실제 사용 사례를 마스터하고 JavaScript 없이 동적 팔레트를 만드세요.

처음부터 색상 선택기 웹 구성 요소 구축

웹 구성 요소로 액세스 가능한 색상 선택기를 구축합니다. Shadow DOM을 사용하여 캔버스 렌더링, 색조 슬라이더, 알파 채널 및 사용자 정의 이벤트를 구현합니다.

지각 색상 공간: Lab, LCH, Oklab, OKLCH

CIE Lab, LCH, Oklab, OKLCH 등 지각적으로 균일한 색상 공간을 탐색해 보세요. 각 디자인이 어떻게 설계되었는지, 어디에 뛰어난지, CSS 및 디자인 작업에 어떤 것이 사용되는지 알아보세요.

색상 교정(Color Proofing): 정확한 인쇄 색상 보장

소프트 교정, 하드 교정, 인쇄기 교정 기법을 배워 화면에서 최종 출력까지 정확한 인쇄 색상 재현을 보장하세요.

데이터 스토리텔링을 위한 색상: 기본 차트 색상을 넘어서

데이터 스토리텔링을 위해 기본 차트 색상을 뛰어넘으세요. 순차, 발산 및 범주형 팔레트, 데이터 시각화의 접근성 및 D3/Chart.js 색상 스케일을 알아보세요.

에메랄드 vs 제이드 vs 포레스트 그린: 녹색 비교 가이드

에메랄드(#50C878), 옥(#00A86B), 포레스트 그린(#228B22)을 비교해보세요. 인기 있는 녹색 색상 간의 시각적 및 16진수 코드 차이점을 알아보세요.