Skip to main content

HSV 색 공간 목차 구성 요소 HSV 색 공간 모형 둘러보기 메뉴eh문서를 완성해

색 공간


색상채도명도좌표색가시광선스펙트럼색상환빨강무채색원기둥원뿔입체도형남색파랑검정










(function()var node=document.getElementById("mw-dismissablenotice-anonplace");if(node)node.outerHTML="u003Cdiv class="mw-dismissable-notice"u003Eu003Cdiv class="mw-dismissable-notice-close"u003E[u003Ca tabindex="0" role="button"u003E숨기기u003C/au003E]u003C/divu003Eu003Cdiv class="mw-dismissable-notice-body"u003Eu003Cdiv id="localNotice" lang="ko" dir="ltr"u003Eu003Cpu003Eu003Ca href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EA%B3%BC%ED%95%99%EC%9D%98_%EB%8B%AC_%EC%97%90%EB%94%94%ED%84%B0%ED%86%A4" title="위키백과:과학의 달 에디터톤"u003E과학의 달 에디터톤u003C/au003E이 4월 30일까지 진행됩니다. 관련 u003Ca href="/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EA%B3%BC%ED%95%99%EC%9D%98_%EB%8B%AC_%EC%97%90%EB%94%94%ED%84%B0%ED%86%A4#오프라인_모임" title="위키백과:과학의 달 에디터톤"u003E오프라인 모임u003C/au003E이 서울 정독도서관에서 4월 27일에 열립니다.nu003C/pu003Eu003C/divu003Eu003C/divu003Eu003C/divu003E";());




HSV 색 공간




위키백과, 우리 모두의 백과사전.

(HSV 색공간에서 넘어옴)





둘러보기로 가기
검색하러 가기














HSV 색 공간 또는 HSV 모델은 색을 표현하는 하나의 방법이자, 그 방법에 따라 색을 배치하는 방식이다. 색상(Hue), 채도(Saturation), 명도(Value)의 좌표를 써서 특정한 색을 지정한다. 비슷한 것으로 HSL(Lightness), HSI(Intensity) 등이 있다.




목차





  • 1 구성 요소

    • 1.1 색상


    • 1.2 채도


    • 1.3 명도



  • 2 HSV 색 공간 모형

    • 2.1 원기둥 모형

      • 2.1.1 HSV 색 공간 지정의 예 (남색)



    • 2.2 원뿔 모형





구성 요소



색상



색상값 H는 가시광선 스펙트럼을 고리모양으로 배치한 색상환에서 가장 파장이 긴 빨강을 0°로 하였을 때 상대적인 배치 각도를 의미한다. 때문에 H 값은 0°~360°의 범위를 갖고 360°와 0°는 같은 색상 빨강을 가리킨다.



채도



채도값 S는 특정한 색상의 가장 진한 상태를 100%로 하였을 때 진함의 정도를 나타낸다. 채도값 0%는 같은 명도의 무채색을 나타낸다.



명도



명도값 V는 흰색, 빨간색 등을 100%, 검은색을 0%로 하였을 때 밝은 정도를 나타낸다.



HSV 색 공간 모형


HSV 색 공간 모형은 원기둥 또는 거꾸로 선 원뿔 모양의 입체 도형이다.



원기둥 모형




HSV 색 공간 원기둥 모형


구성요소의 정의에 따라 HSV 색 공간은 그림과 같은 원기둥으로 표현할 수 있다. 원기둥의 표면과 내부의 한 점은 하나의 색을 나타낸다.


  • 색상값은 각도로 표현되며 지정한 색이 원기둥의 수평 단면의 어느 방향에 위치하는지를 지정한다.

  • 채도는 반지름에 해당하며 정 중앙에 무채색이 위치하며 원기둥의 겉면은 가장 진한 채도를 갖는다.

  • 명도는 높이에 해당하며 위로 갈수록 색이 밝다.


HSV 색 공간 지정의 예 (남색)





남색


남색을 예로 원기둥 모형을 설명하면 남색은 파랑과 같은 색상을 지닌 어두운 색이다.


  • H: 파랑은 빨강을 기준으로 240°회전한 위치에 있다.

  • S: 남색은 가장 진한 채도를 지니므로 최댓값은 100%로 표기된다.

  • V: 남색은 회색과 같은 명도를 지닌다. 검정과 흰색의 중간인 50%로 표기된다.

  • 좌표: 위와 같이 남색은 HSV 색 공간에 따라 좌표 (240,100,50)로 표현할 수 있다.


원뿔 모형




HSV 색 공간 원뿔 모형


원뿔모형은 원기둥 모형을 보다 현실적으로 수정한 것이다. 명도 0%는 오직 검정을 의미하기 때문에 단 하나의 점으로 표현되며 원뿔의 꼭짓점에 해당한다. 또한 실제 색상은 진하지 않을수록 채도값의 변화에 따른 색상 변화가 크지 않기 때문에 높은 명도에 비해 채도값이 나타내는 폭은 줄어든다. 이와 같은 사실을 원기둥 모형에 반영한 것이 원뿔모형이다. 오른쪽 그림을 보면 높은 명도에서는 넓은 폭의 채도 변화를 보이고 진하지 않을수록 채도 변화가 크지 않은 것을 확인할 수 있다.







원본 주소 "https://ko.wikipedia.org/w/index.php?title=HSV_색_공간&oldid=22368590"










둘러보기 메뉴


























(window.RLQ=window.RLQ||[]).push(function()mw.config.set("wgPageParseReport":"limitreport":"cputime":"0.108","walltime":"0.162","ppvisitednodes":"value":681,"limit":1000000,"ppgeneratednodes":"value":0,"limit":1500000,"postexpandincludesize":"value":14459,"limit":2097152,"templateargumentsize":"value":1299,"limit":2097152,"expansiondepth":"value":13,"limit":40,"expensivefunctioncount":"value":1,"limit":500,"unstrip-depth":"value":0,"limit":20,"unstrip-size":"value":0,"limit":5000000,"entityaccesscount":"value":0,"limit":400,"timingprofile":["100.00% 103.433 1 -total"," 38.31% 39.628 1 틀:색"," 34.65% 35.839 1 틀:사이드바"," 30.70% 31.751 1 틀:토막글"," 30.47% 31.521 3 틀:본문"," 21.63% 22.370 1 틀:이름공간_검출"," 13.15% 13.598 1 틀:안내바"," 8.58% 8.874 1 틀:틀바"," 4.68% 4.837 1 틀:토막글/그림"," 2.60% 2.687 1 틀:토막글/분류"],"scribunto":"limitreport-timeusage":"value":"0.016","limit":"10.000","limitreport-memusage":"value":805225,"limit":52428800,"cachereport":"origin":"mw1328","timestamp":"20190320010907","ttl":2592000,"transientcontent":false);mw.config.set("wgBackendResponseTime":125,"wgHostname":"mw1250"););

Popular posts from this blog

Kamusi Yaliyomo Aina za kamusi | Muundo wa kamusi | Faida za kamusi | Dhima ya picha katika kamusi | Marejeo | Tazama pia | Viungo vya nje | UrambazajiKuhusu kamusiGo-SwahiliWiki-KamusiKamusi ya Kiswahili na Kiingerezakuihariri na kuongeza habari

Swift 4 - func physicsWorld not invoked on collision? The Next CEO of Stack OverflowHow to call Objective-C code from Swift#ifdef replacement in the Swift language@selector() in Swift?#pragma mark in Swift?Swift for loop: for index, element in array?dispatch_after - GCD in Swift?Swift Beta performance: sorting arraysSplit a String into an array in Swift?The use of Swift 3 @objc inference in Swift 4 mode is deprecated?How to optimize UITableViewCell, because my UITableView lags

Access current req object everywhere in Node.js ExpressWhy are global variables considered bad practice? (node.js)Using req & res across functionsHow do I get the path to the current script with Node.js?What is Node.js' Connect, Express and “middleware”?Node.js w/ express error handling in callbackHow to access the GET parameters after “?” in Express?Modify Node.js req object parametersAccess “app” variable inside of ExpressJS/ConnectJS middleware?Node.js Express app - request objectAngular Http Module considered middleware?Session variables in ExpressJSAdd properties to the req object in expressjs with Typescript