CSS - 객체의 컬러를 지정하는 방법

2022. 10. 19. 22:54jsp/css

이번의 목표

01. 객체의 컬러를 지정하는 방법에 대해 알아보자


이번 시간에는 CSS를 작성하면서 객체에 컬러를 지정할 때에 사용하는 방법 세가지를 공부해보겠습니다. 

 01) 저장된 컬러 키워드를 이용하는 방법.

이 값들로는 black, white, blue, red, aqua, lightgreen 등이 있습니다. 100개가 넘는 색상들이 이렇게 이름을 가지고서 저장되어 있습니다. 'css 색상 키워드' 를 검색하시면 다양한 값을 확인할 수 있습니다.

 02) html색상표를 이용하여 원하는 색상의 코드를 사용하는 방법.

HTML색상표는 네이버에서 검색하면 손쉽게 찾아볼 수 있습니다. 원하는 색을 선택하고 밝기를 조정하는 등의 방법으로 색상을 만들고 코드를 제공받을 수 있습니다.

03) RGB, RGBA 를 이용하는 방법.

이 방법은 RGB 값을 알아야하기 때문에 사용하기에는 쉽지 않은 방법이라 생각합니다.

RGB는 많이 들어서 알텐데 RGBA가 생소한 분들도 많이 있을것 같습니다. 여기서 A는 Alpha입니다.

Alpha는 투명도를 뜻하는데 이 값이 높아질 수록 점점 투명해집니다. 반투명한 컬러를 사용하고 싶다면 이를 이용할수도 있습니다.