명도 색공간과 명도 명도와 색상 명도와 채도 둘러보기 메뉴eheh
색
색상채도색HSV 색공간주황색HSV 색공간RGB 색공간색상채도HSV 색공간파랑파랑남색채도색상무채색무채색색상
(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 색공간에서 명도(Brightness, Value)는 색상(Hue), 채도(Saturation)와 함께 하나의 색을 지정하는 좌표를 이룬다.
색공간과 명도
아래의 표는 주황색을 기준으로한 명도값의 변화를 나타낸 것이다.
웹 색상 | B 값 | HSB 좌표 | RGB 좌표 |
|---|---|---|---|
| #FF8800 | 100 | (32,100,100) | (255,136,0) |
| #CC6D00 | 80 | (32,100,80) | (204,109,0) |
| #995200 | 60 | (32,100,60) | (153,82,0) |
| #663600 | 40 | (32,100,40) | (102,54,0) |
| #331B00 | 20 | (32,100,20) | (51,27,0) |
| #000000 | 0 | (0,0,0) | (0,0,0) |
HSV 색공간에서는 명도를 0~100 사이의 값을 갖는 명도값 B로 표현한다. RGB 색공간에서는 빨강(R), 초록(G), 파랑(B)의 채널값이 동일한 비율로 증가하거나 감소하여 명도를 표현한다.
RGB 색공간의 명도값 뮤(μdisplaystyle mu )는 다음의 수식으로 계산할 수 있다.
V=R+G+B3displaystyle V=frac R+G+B3
- 명도 0은 가장 어두운 상태이므로 오직 검정만을 의미한다.
명도와 색상
아래의 표는 명도값 B의 차이에 따른 색상의 변화를 비교한 것이다. 표안의 좌표는 HSB 값이다. 비교를 위해 채도를 최댓값으로 고정하였다.
| H | B=100 | B=75 | B=50 | B=25 |
|---|---|---|---|---|
| 0 | (0,100,100) | (0,100,75) | (0,100,50) | (0,100,25) |
| 60 | (60,100,100) | (60,100,75) | (60,100,50) | (60,100,25) |
| 120 | (120,100,100) | (120,100,75) | (120,100,50) | (120,100,25) |
| 180 | (180,100,100) | (180,100,75) | (180,100,50) | (180,100,25) |
| 240 | (240,100,100) | (240,100,75) | (240,100,50) | (240,100,25) |
| 300 | (300,100,100) | (300,100,75) | (300,100,50) | (300,100,25) |
| 360 | (360,100,100) | (360,100,75) | (360,100,50) | (360,100,25) |
명도와 채도
아래의 표는 HSV 색공간에서 색상값 H가 240인 파랑 계열 색의 명도값 B가 100일 때(파랑)와 75, 50(남색), 25로 변화할 때 채도의 변화에 따른 색상의 변화를 나타낸 것이다. 표안의 좌표는 HSB 값이다. 채도가 낮을수록 같은 밝기의 무채색에 가까워진다.
| S 값 | B=100 | B=75 | B=50 | B=25 |
|---|---|---|---|---|
| 100 | (240,100,100) | (240,100,75) | (240,100,50) | (240,100,25) |
| 80 | (240,80,100) | (240,80,75) | (240,80,50) | (240,80,25) |
| 60 | (240,60,100) | (240,60,75) | (240,60,50) | (240,60,25) |
| 40 | (240,40,100) | (240,40,75) | (240,40,50) | (240,40,25) |
| 20 | (240,20,100) | (240,20,75) | (240,20,50) | (240,20,25) |
| 0 | (0,0,100) | (0,0,75) | (0,0,50) | (0,0,25) |
채도값 S가 0일 때는 무채색이 되므로 색상값 H는 0이 된다.
분류:
- 색
(window.RLQ=window.RLQ||[]).push(function()mw.config.set("wgPageParseReport":"limitreport":"cputime":"0.148","walltime":"0.258","ppvisitednodes":"value":777,"limit":1000000,"ppgeneratednodes":"value":0,"limit":1500000,"postexpandincludesize":"value":48718,"limit":2097152,"templateargumentsize":"value":1407,"limit":2097152,"expansiondepth":"value":13,"limit":40,"expensivefunctioncount":"value":0,"limit":500,"unstrip-depth":"value":0,"limit":20,"unstrip-size":"value":72,"limit":5000000,"entityaccesscount":"value":0,"limit":400,"timingprofile":["100.00% 95.031 1 -total"," 53.79% 51.115 1 틀:색_주제"," 49.16% 46.720 1 틀:둘러보기_상자"," 33.78% 32.099 1 틀:색"," 29.46% 27.994 1 틀:사이드바"," 14.88% 14.145 3 틀:둘러보기_상자/중첩"," 13.14% 12.488 1 틀:안내바"," 8.35% 7.931 1 틀:틀바"," 6.28% 5.966 1 틀:문화어"," 5.41% 5.143 1 틀:다른_뜻"],"scribunto":"limitreport-timeusage":"value":"0.021","limit":"10.000","limitreport-memusage":"value":1238763,"limit":52428800,"cachereport":"origin":"mw1261","timestamp":"20190409135621","ttl":2592000,"transientcontent":false);mw.config.set("wgBackendResponseTime":118,"wgHostname":"mw1242"););
