본문 바로가기

RGB3

칼라 이미지를 Grayscale 이미지로 나타내기 칼라 이미지를 Grayscale 이미지로 나타내기 Grayscale이란 검은색(black)과 흰색(White)의 중간색인 회색(Gray)의 색상으로 이미지를 표현하는 것으로 빛의 강도(Intensity)를 기준으로 하며 0부터 255까지 즉, 256 단계로 검정색(0)과 흰색(255)을 표현하고 중간 단계인 128은 회색으로 표현합니다. 그래서 RGB 칼라 이미지를 Grayscale 형태의 이미지로 나타내기 위해서는 jQuery 같은 편리한 JavaScript 라이브러리를 이용하면 grayscale() 함수를 이용하여 처리하면 되겠지만 여기서는 순수 javascript를 이용하여 그 기능을 구현하는 방법에 대해서 소개합니다. RGB 색상값을 Gray 색상으로 바꾸는 방법은 다양한 형태가 존재하는데 가장 .. 2013. 8. 8.
5.2 색(Color)을 표현하는 방법 5.2 색(Color)을 표현하는 방법 기본적으로 HTML이나 HTML5에서 색을 표현하는 방법은 색 이름(color Name) 키워드 형태로 나타내는 방법과 color 속성에서 설명한대로 숫자형 색상값으로 나타내는 방법이 있습니다. 색 이름(color Name) 키워드 형태로 나타내는 기본 색상(Basic Color)는 “HTML요소{color:색이름}” 형태로 간단하게 사용할 수 있으며 사용할 수 있는 색이름은 “black”, “silver”, “gray”, “white”, “maroon”, “red”, “purple”, “fuchsia”, “green”, “lime”, “olive”, “yellow”, “navy”, “blue”, “teal”, “aqua” 총 16 가지 색을 사용할 수 있습니다. .. 2013. 8. 4.
5. 색(Color) 5. 색(Color) 오늘날 컴퓨터 모니터는 수백만 가지 색(color)을 표현할 수 있습니다. 이렇게 엄청난 색들 가운데서 여러분들이 원하는 색을 웹 페이지에 나타내기 위해서는 색(Color)에 대한 기본적인 이해가 필요합니다. CSS3에서 사용할 수 있는 색(Color)에 대하여 W3C에서는 작년(2011) 6월 권고안(Recommendation)을 채택하였고 해당 정보는 “http://www.w3.org/TR/css3-color/”에 있습니다. 위 권고안을 바탕으로 어떻게 색(Color)을 CSS3에서 다룰 수 있는지 알아봅니다. 5.1 색(Color) 관련 속성(Property) 색(color) 관련한 속성으로 HTML 요소(Element)의 내용(content)인 텍스트(text)의 색(colo.. 2013. 8. 4.