지금까지 잘 따라 오셨나요? 😇
CSS 속성은 무궁무진 합니다. 그 중에 버튼, 체크박스, 라디오버튼, 프로그레스 바 등에 강조되는 부분의 색상을 조절하는 속성에 대해서 배워볼게요!
accent-color 속성을 이용하면 UI요소의 강조 색상을 설정할 수 있습니다. 그런데 색상 표기방법에는 여러가지가 있습니다.
색상 이름 표기법
말 그대로 **색상의 이름을 적어**주시면 됩니다.
color: red;
웹 안전 색상이라고 불리는 216가지 색상을 이름으로 표기할 수 있습니다. 웹 안전 색상은 어떤 운영체제, 어떤 브라우저에서도 안전하게 그려지는 색을 뜻합니다.
🗨️ 웹 안전 색상의 상세 차트는 하단 링크를 참고해주세요. 웹 색상 - 위키백과, 우리 모두의 백과사전
Hex 색상코드
색상을 **16진수 여섯자리로 색상을 표기**하는 방법입니다.
color: #94FB11;
헥스색상코드는 실무에서 가장 많이 사용되는 색상 표기 방법이며, 짧게 헥스코드라고 부릅니다. 또한 헥스코드는 #ffffff~#000000 사이의 값을 가집니다.
rgb 색상코드
**rgb(red좌표, green좌표, blue좌표) 값을 이용**해 색상을 표기하는 방법입니다.
color : rgb(251,241,17);
rgba라는 추가 속성을 이용하면 색상에 투명도도 적용할 수 있습니다.
rgba(0, 0, 0, 0.5)