CSS

COLOR

이번 시간에는 다양한 색깔들을 알아보도록 하겠습니다.

자 일단 CSS 파일 불러오기에 있는 기본 세팅을 그대로 가져와주세요.

그 다음 html의 <body>부분을 채워보겠습니다.

 

[HTML]코드

<body>
  <h1> 1 </h1>
</body>

[CSS]코드

h1{
  color:(자신이 원하는 색깔);
}

자신이 원하는 색깔은 영어로 적으셔야 합니다. 이렇게 적으시고 실행을 시켜 보시기 바랍니다. 실행을 하면 자신이 원하는 색깔이 나와있을 것입니다. 하지만 원하지 않는 색깔이 나온다면 제가 추천하는 사이트가 있습니다.

http://www.colors.commutercreative.com/grid/ 이 사이트에 들어가시면 CSS에서 사용 가능한 147개의 색깔들을 사용해보실 수 있습니다.

또는 rgb를 이용해서 색깔을 정할 수 있습니다.

[CSS]코드

h1{
    color:rgb(0~255,0~255,0~255);
}

rgb를 보다 편하게 색깔을 맞추는 사이트가 있습니다. 제가 추천하는 사이트는 https://www.w3schools.com/css/css_colors_rgb.asp입니다. 들어가서 RGB를 조율하신 뒤 원하는 색깔을 CSS 코드에 집어 넣으시면 됩니다.

 

잘 이해가 되셨나요? 다음 시간에는 더 재밌고 알찬 CSS 강의로 찾아뵙겠습니다. 감사합니다!

댓글

댓글 본문
  1. compack06
    rgb말고도 16진수 색상코드를 쓸 수 있습니다. 사이트를 만들다보면 자기가 직접 색 이름을 입력할때도 있지만 웹디자인할때 좋은 색을 골라주는 사이트에서 퍼올때도 있습니다. 그렇게 퍼올때 색이 16진수 색상코드로 복사되므로 16진수 색상코드 관련된 내용도 올려주셨으면 합니다.
  2. 질문은 아래 해주세요
버전 관리
(INT) 전설
현재 버전
선택 버전
graphittie 자세히 보기