CSS-컬러코드

---

 

 

 

컬러코드 

 

지금까지는 컬러를 지정할때 이름을 사용했다. 하지만 실제로 적용할 때는 보다 세부적으로 색을 골라야 할 경우가 있다. 이제 컬러 코드를 사용해 보자. 컬러에 대한 HTML엔티티(특수문자나 기호의 고유코드를 모아 놓은 것)와 같다. 각 코드는 특정색을 나타낸다.  아래 규칙을 시험해 보자.

 

.divA  { background-color: #765481; } .divB  (  background-color: #F7E1A2; }

 

 

해시기호 #은 브라우저에게 색을 지정하기 위해 숫자를 사용한다고 알려준다. 이후 원하는 색을 지정하기 위한 알파벳과 숫자로 이루어진 6자리 코드가 이어진다. 이 경우에는 자주색과 오렌지색이다. 

 

모든 코드를 암기할 필요는 없다. http://html-color-codes.info/같은 은 웹사이트에서 원하는 컬러를 찾을 수 있다. 

 

 

---

 

 

다음 코드를 실행해 보면 아래 결과물이 나옵니다. 직접 해보세요 

 

그림을 클릭하면 자세히 보입니다

 

---

 

           이 코드에 대한 결과값입니다