편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
1번째 줄: | 1번째 줄: | ||
== 개요 == | |||
색상 코드란 개체의 색상을 표기하기 위해 만들어진 코드이다. 표기하는 방식에는 크게 세 가지가 있다. | |||
== 기본 : RGB 색상 코드 == | == 기본 : RGB 색상 코드 == | ||
빨강(Red), 초록(Green), 파랑(Blue)의 3색, 즉 빛의 3원색을 서로 더하는(+) 방식으로 섞어서 색상을 표기하는 방식을 [[RGB]] | |||
빨강(Red), 초록(Green), 파랑(Blue)의 3색, 즉 빛의 3원색을 서로 더하는(+) 방식으로 섞어서 색상을 표기하는 방식을 [[RGB 가산혼합]]<ref>색이 진하게 섞이면 섞일수록 하얀색에 가까워진다.</ref>이라고 한다. 이러한 방식으로 색상 코드를 표기할 때는 | |||
다음과 같은 표기 방식을 사용한다. | 다음과 같은 표기 방식을 사용한다. | ||
<small>{{색|#FF0000|빨강색의 정도(00~FF)}}</small>{{색|#FFFFFF|_________}}<small>{{색|#0000FF|파랑색의 정도(00~FF)}}</small><br/><br/> | |||
<big><big><big><big><big><big><big><big>#{{색|#FF0000|33}}{{색|#00FF00|75}}{{색|#0000FF|9F}}</big></big></big></big></big></big></big></big><br/> | |||
{{색|#FFFFFF|____________}}<small>{{색|#00FF00|초록색의 정도(00~FF)}}</small> | |||
'#'문자 뒤에 [[16진수]] 두 자리를 세 번 나열하여 첫 번째 구간에는 {{색|#FF0000|빨강}}, 두 번째 구간에는 {{색|#00FF00|초록}}, 세 번째 구간에는 {{색|#0000FF|파랑}}의 정도를 표기한다. 그 범위는 00~FF이며, 숫자가 커질수록(알파벳이 진행될수록) 더욱 밝아진다. | '#'문자 뒤에 [[16진수]] 두 자리를 세 번 나열하여 첫 번째 구간에는 {{색|#FF0000|빨강}}, 두 번째 구간에는 {{색|#00FF00|초록}}, 세 번째 구간에는 {{색|#0000FF|파랑}}의 정도를 표기한다. 그 범위는 00~FF이며, 숫자가 커질수록(알파벳이 진행될수록) 더욱 밝아진다. | ||
따라서 #000000은 | 따라서 #000000은 검정색, #FFFFFF는 하얀색이다. | ||
빨강의 밝기 비교 | |||
{{색상|#000000|#000000}}, {{색상|#450000|#450000}}, {{색상|#770000|#770000}}, {{색상|#9B0000|#9B0000}}, {{색상|#FF0000|#FF0000}} | |||
초록의 밝기 비교 | |||
{{색상|#000000|#000000}}, {{색상|#004500|#004500}}, {{색상|#007700|#007700}}, {{색상|#009B00|#009B00}}, {{색상|#00FF00|#00FF00}} | |||
위 예시를 볼 때, 숫자가 45까지 진행되어도 자세히 보지 않으면 구분이 어려울 정도로 거의 | |||
파랑의 밝기 비교 | |||
{{색상|#000000|#000000}}, {{색상|#000045|#000045}}, {{색상|#000077|#000077}}, {{색상|#00009B|#00009B}}, {{색상|#0000FF|#0000FF}} | |||
위 예시를 볼 때, 숫자가 45까지 진행되어도 자세히 보지 않으면 구분이 어려울 정도로 거의 검정색에 가까운 명도를 보인다는 것을 알 수 있을 것이다. | |||
<ref>표기되는 환경에 따라 다소 차이가 있다.</ref> | <ref>표기되는 환경에 따라 다소 차이가 있다.</ref> | ||
2자리의 [[16진수]]가 표현할 수 있는 범위가 0~255이므로, 위와 같은 방법을 사용한 색상 코드로는 총 16,777, | 2자리의 [[16진수]]가 표현할 수 있는 범위가 0~255이므로, 위와 같은 방법을 사용한 색상 코드로는 총 16,777,216가지의 색을 표현할 수 있다. | ||
== 색상 코드표 == | == 색상 코드표 == | ||
각 색상에는 따로 정해진 이름이 있는데, [[색상 이름]] 항목에서 자세히 다루도록 한다. 편의를 위해 [[X11|X11 표준]], [[HTML|HTML 4.01]]을 함께 나열하였다.<ref>모바일에서 원활하게 표기가 되지 않아 X11 표준을 먼저, HTML 4.01을 나중에 나열하였다.</ref> | 각 색상에는 따로 정해진 이름이 있는데, [[색상 이름]] 항목에서 자세히 다루도록 한다. 편의를 위해 [[X11|X11 표준]], [[HTML|HTML 4.01]]을 함께 나열하였다.<ref>모바일에서 원활하게 표기가 되지 않아 X11 표준을 먼저, HTML 4.01을 나중에 나열하였다.</ref> | ||
여기서는 초록의 정도가 가장 강한 색을 lime(#00FF00)이라 표기한다. green은 # | 여기서는 초록의 정도가 가장 강한 색을 lime(#00FF00)이라 표기한다. green은 #000800. | ||
{|class="wikitable" | {|class="wikitable" | ||
491번째 줄: | 495번째 줄: | ||
== 웹 안전 색상 == | == 웹 안전 색상 == | ||
웹 안전 색상은 모두 216가지<ref>각 색상당 여섯 번을 세게 되므로 6x6x6=216이다.</ref>이며 그 중 '가장 안전한 색상' 22가지가 존재한다. | 웹 안전 색상이란 호환성을 위해, 즉 '여기서는 구분되던 색상이 저기서는 구분되지 않는 경우'를 피하기 위해 위의 색의 가짓수를 대폭 요약해서 표준으로 설정한 색을 말한다. | ||
각 색에서 256가지 단계를 다 세는 것이 아닌, 255를 5로 나눈 숫자인 51을 기준으로 0에서부터 뛰어세기하여 0, 51, 102, 153, 204, 255의 여섯 번만을 세는 방식이다. | |||
웹 안전 색상은 모두 216가지<ref>각 색상당 여섯 번을 세게 되므로 6x6x6=216이다.</ref>이며 그 중 '가장 안전한 색상' 22가지가 존재한다. | |||
== 그 외 == | == 그 외 == | ||
[[ASS코드|ASS파일에서 쓰이는 색상코드]]가 따로 있다. 관련 항목 참조. | |||
---- | |||
<references/> | |||