웹프로그래밍 css (9) 속성 - 색상

코린이서현이·2023년 7월 5일
0

웹프로그래밍

목록 보기
21/46

🔥오늘의 목표🔥

css에서 색상값을 지정하는 방법에 대해서 배워보자

📕 색상을 지정하는 다양한 방법

📖 색상명으로 지정하는 방법

"color:red"

색상명으로 지정한다.

📖 16진수로 지정하는 방법

color: #ff0000

-각각 두자리수마다 r,g,b에 대한 표현이다. (대소문자 구분 없음)

  • 0에 가까워질수록 검정색
    #0000000 -> 검정색
  • 클 수록 하얀색
    #ffffff

IF 두자리수가 같다면 #000로도 표현할 수 있다.
#22aa66 = #2a6 같은 표현이다.

➕16진수

0~9~f로 각 자리수 표현

📖 rgb

color: rgb(255,0,0)
  • 각 자리수마다 r,g,b를 나태며 0부터 255까지의 값이 가능하다.
  • 0에 가까워질수록 검정색
    rgb(0,0,0)
  • 클수록 하얀색
    rgb(255,255,255)

📖 rgba 투명도까지

rgba(255,0,0, 0.5)
  • 기존의 rgb값에서 마지막에 투명도를 지정하는 알파(a)값을 지정
  • a값은 0=투명, 0.5=반투명, 1=불투명이 가능하다.
    아예 지정하지 않는 경우 적용이 되지 않음

🔥오늘 배운 것🔥

조금 조급해진다... ㅜㅜ
profile
24년도까지 프로젝트 두개를 마치고 25년에는 개발 팀장을 할 수 있는 실력이 되자!

0개의 댓글