1. 기본 문법
CSS에서 글자 색상을 변경하려면 color 속성을 사용합니다.
selector {
color: 색상값;
}예제 코드
See the Pen Untitled by saladent (@saladent) on CodePen.
2. 색상 지정 방법
color 속성의 값으로 다양한 형식을 사용할 수 있습니다.
2.1 색상 이름 (Color Name)
CSS는 red, blue, green 등 색상 이름을 제공합니다.
color: red;2.2 HEX 코드
16진수 코드로 색상을 지정합니다.
color: #ff5733; /* 오렌지색 */2.3 RGB 및 RGBA
RGB는 Red, Green, Blue 값을 0~255 범위로 지정합니다. RGBA는 투명도를 추가할 수 있습니다.
color: rgb(255, 99, 71); /* Tomato */
color: rgba(255, 99, 71, 0.5); /* 투명도 50% */2.4 HSL 및 HSLA
색조(Hue), 채도(Saturation), 명도(Lightness) 값을 사용하여 색상을 설정합니다.
color: hsl(120, 100%, 50%); /* 초록색 */
color: hsla(120, 100%, 50%, 0.3); /* 투명도 30% */