CSS3에서 색상을 정의하려면 RGB, RGBA, HSL 및 HSLA를 사용합니다. 이를 통해 색상 값을 사용할 수 있으며 16진수 값을 사용하여 색상을 정의할 수도 있습니다. −
CSS3 RGBA 색상 값은 Red, Green, Blue 및 Alpha용입니다. 알파는 색상 불투명도, 즉 0.0에서 1.0 사이의 숫자입니다. 여기서 1.0은 완전 불투명입니다. 여기에서 RGBA −
에서 Alpha 매개변수로 생성된 불투명도의 차이를 볼 수 있습니다.
예시
이제 RGBA 색상 값의 예를 살펴보겠습니다. -
크리켓 선수
데이비드 워너
스티브 스미스
마크 워
스티브 워
데이비드 존슨
앤디 비첼
출력
CSS3 HSL 요소에 색상이 설정되어 있을 때 Hue, Saturation 및 Lightness에 대한 것입니다. 색조 값은 0에서 260 사이이며 0 또는 360은 빨간색, 240은 파란색, 120은 녹색입니다. 채도 및 밝기는 백분율 값입니다.
예시
이제 HSL 색상 값의 예를 살펴보겠습니다. -
크리켓 선수
데이비드 워너
스티브 스미스
마크 워
스티브 워
데이비드 존슨
앤디 비첼
출력
HSLA 색상 값 색조, 채도, 밝기 및 알파를 위한 것입니다. 알파는 색상 불투명도, 즉 0.0에서 1.0 사이의 숫자입니다. 여기에서 0.0은 완전히 투명하고 1.0은 완전히 불투명합니다.
예시
이제 예를 살펴보겠습니다 -
크리켓 선수
David Warner
Steve Smith
Mark Waugh
스티브 워
데이비드 존슨
앤디 비첼
출력
예시
이제 16진수 값으로 색상을 설정하는 방법을 살펴보겠습니다. -
데모 제목
데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다. 데모 텍스트입니다.출력
