CSS 컬러

Juyeon Lee·2021년 12월 13일
0

CSS

목록 보기
5/32

CSS에서 컬러 표시할대 두가지 방법이 있는데

  1. rgb/tgba notation

The rgb() functional notation expresses a color according to its red, green, and blue components. An optional alpha component represents the color's transparency.

출처: MDN

빨강색,초록색,파랑색을 통해서 색깔 만드는 거당.
아래의 예처럼 쓸 수 있다.

rgb(244,179,63)

저기 설명보면 투명도 조절도 할 수 있는데 그건 alpha라고 한다.

rgb with transparency("alpha")
rgba(0, 255, 255, 0.3)

  1. hexadecimal notation

또다른 방식으로 내가 지금까지 많이 봐왔던 방법으로
색깔을 표현하는 방법이 있다.
예를 들어


aside {
  background-color: #f7f7f7;
  border-top: 5px solid #1098ad;
  border-bottom: 5px solid #1098ad;
}

여기서 이렇게 #붙이고 쓴거처럼 사용할 수 있음.
hexadecimal 뜻을 몰라서 뭔지 검색해보니
16진법의 ...이라고 한다..하하하하하

0개의 댓글