Color Properties

알파 채널

RGB 구성 요소와 독립적으로 색의 투명도 수준을 지정하는 색상 값의 추가 데이터 채널.

The alpha channel extends a color from three components (RGB) to four (RGBA), with alpha typically ranging from 0 (fully transparent) to 1 (fully opaque) or 0 to 255 in 8-bit representation. It was introduced by Alvy Ray Smith and Ed Catmull at Lucasfilm in 1977 for compositing visual effects. In web design, the alpha channel is supported across all modern CSS color functions: rgba(), hsla(), and the newer color notations with the / syntax (rgb(255 0 0 / 50%)). PNG and WebP image formats support alpha channels, while JPEG does not.

직접 해보기

색상 변환기

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

관련 글

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

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

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

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

16진수 코드란 무엇입니까? 디지털 컬러의 언어

16진수 색상 코드가 무엇인지, 16진수 시스템이 RGB 값을 인코딩하는 방법, 3자리 약칭, 8자리 알파 16진수 및 모든 색상에 대한 16진수 코드를 찾는 방법을 알아보세요.

RGB 색상 모델: 화면에 색상이 표시되는 방식

RGB 색상 모델이 작동하는 방식(빨간색, 녹색 및 파란색 빛 혼합, 0~255 범위, CSS rgb() 기능, 화면이 1,670만 색상을 표시할 수 있는 이유)을 이해합니다.

16진수 색상 코드 이해: 전체 가이드

16진수 색상 코드를 처음부터 끝까지 마스터하세요. #RRGGBB의 의미, 16진수 값 읽는 방법, 단축 표기법, 알파 투명도 및 형식 간 변환 방법을 알아보세요.

색상 혼합 이론: 덧셈과 뺄셈

가산 및 감산 색상 혼합은 화면 색상(RGB)과 인쇄 색상(CMYK)이 그렇게 다르게 동작하는 이유를 설명합니다. 과학을 배우고 그것이 디자인에 어떻게 적용되는지 알아보세요.