• CSS Colors
• CSS RGB Colors
• CSS HEX Colors
• CSS HSL Colors

컬러는 미린 정의된 컬러 이름, 또는 RGB, HEX, HSL, RGBA, HSLA 값을 사용하며 명시합니다.

CSS에서, 미리 정의된 컬러 이름을 사용하여 컬러를 명시할 수 있습니다.
모든 최신 브라우저가 지원하는 140개의 표준 컬러 이름을 CSS와 HTML이 지원합니다.

• HTML Color Names

HTML 요소들에 대한 background 컬러를 설정할 수 있습니다.

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

HTML 요소들에 대한 폰트 컬러를 설정할 수 있습니다.

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>

HTML 요소들에 대한 보더 컬러를 설정할 수 있습니다.

<h1 style="border:2px solid Tomato;">Hello World</h1>
<p style="border:2px solid DodgerBlue;">Hello World</p>
<p style="border:2px solid violet;">Hello</p>

CSS에서 RGB 값, HEX 값, HSL 값, RGBA 값, HSLA 값을 사용하여 컬러를 명시할 수 있습니다.

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
 
<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>