Properties

Properties

  • account_tree
  • bug_report

Color

요소의 텍스트와 콘텐츠에 대한 전경색과 불투명도를 지정할 수 있는 기술적인 주제를 다룬다.

개요

CSS2에서 이미 존재하는 색상 관련 속성 및 값 생성 방식과  CSS Color Module Level 3, Level 4에 새롭게 추가된 내용까지 포함한다.

컴퓨터에서의 색상 품질에 대한 기술적 발전은 인쇄 분야에서 시작되었다. 과거의 일반적인 정보 유통 방식은 인쇄물이었다. 컴퓨터를 통한 인쇄술이 일반화 되면서 정교한 색상 제어가 필요했기 때문이었다. 하지만 현재는 일반적인 정보의 유통 방식은 인터넷이며 정보를 전달하는 최종 형태는 스크린에 보여지는 결과물이다. 잉크를 통한 인쇄는 컴퓨터 편집 작업에서 보여지는 스크린상의 색상과 잉크의 색이 정확히 일치되는 게 목표이었지만 지금은 그럴 필요가 없어졌다. 물론 필요에 따라서 스크린상의 결과물을 프린터를 통해 인쇄물로 옮겨질 수 있겠지만 특별히 색상을 중요시 하는 콘텐츠가 아니라면 정밀한 색상 작업은 크게 의미가 없어졌다. 따라서 적어도 과거의 CSS는 색상에 대한 기술적인 발전은 다른 것에 비해 덜 우선시 되었다.

하지만 콘텐츠의 고급화와 디스플레이 장치의 표현 능력이 발전하면서 새로운 색상 기술이 필요하게 되었고 CSS Color Module Level 3, Level 4에서는 그에 따른 기술적인 사양이 새롭게 포함되었다. 특히 sRGB 영역을 벗어난 색상을 디스플레이 장치가 지원하더라도 CSS에서는 사용할 수 없었으나 새로운 CSS 색상 표준이 생기면서 이제는 다른 색 공간에서의 색상 지정이 가능하게 되었다.

CSS에서 색을 지정하는 속성은 다양한 곳에 존재한다. 이 섹션에서 다루어지는 속성들은 많지 않지만 색상을 지정할 때 사용하는 방식은 색을 사용하는 모든 CSS 속성에서 동일하게 적용된다.

관련 속성

  • color

    전경색(폰트)의 색상을 적용한다.
  • opacity

    요소의 불투명도를 설정한다.

W3C Modules