웹 색상

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

HTML
  • XHTML
  • CSS
  • 문자 인코딩
  • DHTML
  • 글꼴 계열
  • HTML 편집기
  • HTML 요소
  • 유니코드와 HTML
  • 웹 색상
  • W3C
  • C-HTML
기본 성질
색상 채도 명도
삼원색 색상환
색공간
RGB CMYK HSB YCbCr
색의 이용
웹 색상 보호색 경계색
색 목록
무채색: 흰색 회색 은색 검정
유채색: 빨강 주황색 노랑
녹색 파랑 남색 보라
하늘색 바다색 옥색
자청색 자주색 청록색
관련 항목
광학 시각 미술

웹 사이트를 만들 때, 여러가지 방법으로 을 지정할 수 있다.

목차

[편집] 웹 색상의 십육진법 표기

웹에서 십육진수쌍으로 을 표현하는 방법은 RGB 가산혼합에 의한 것이다. RED, GREEN, BLUE에 해당하는 두자리 십육진수 세 쌍으로 색깔을 나타낼 수 있다. 한 체널당 1 바이트가 할당되므로 모두 3 바이트의 정보로 색을 표현한다. 웹에서 색을 지정할 때에는 특수기호 #과 3 쌍의 두자리 십육진수를 연속하여 사용한다.

  • 표기형식
특수기호 RED 체널 GREEN 체널 BLUE 체널
# 00~ff 00~ff 00~ff
  • 표기 예
표기 색상
#000000
#ff0000
#00ff00
#0000ff
  • 표현 범위
두자리의 십육진수가 표현할 수 있는 범위는 00에서 부터 ff까지(십진수 0에서 255까지)이다. 십육진수의 환산에 대한 자세한 내용은 십육진법 항목을 참조하기 바란다. 즉, 하나의 체널은 256 가지의 색을 표현할 수 있다.
웹 색상의 십육진법 표기는 각 체널 당 256개의 색을 표현하므로 3 체널 모두를 사용하여 나타낼 수 있는 색상은 16,777,216 가지(256*256*256)가 된다.
  • 이름 참조
십육진법에 의한 웹 색상표기 중에서 자주 쓰이는 것은 특별히 이름을 붙여 두었다. 아래의 설명과 같이 이름이 있는 색은 십육진법에 의한 표현 대신 이름으로 표현할 수 있다.

[편집] 표준 색상 이름

HTML 4.01 표준에는 16 가지 색깔 이름이 정의되어 있다.

색상 16진수 색상 16진수 색상 16진수 색상 16진수
black #000000 silver #c0c0c0 maroon #800000 red #ff0000
navy #000080 blue #0000ff purple #800080 fuchsia #ff00ff
green #008000 lime #00ff00 olive #808000 yellow #ffff00
teal #008080 aqua #00ffff gray #808080 white #ffffff

[편집] X11 색상 이름

추가적으로, 넷스케이프인터넷 익스플로러 같은 브라우저에는 별도로 여러 색상들이 정의되었으며, 특정한 브라우저에서는 이런 색상을 인식하지 못할 수도 있다. 이들 색상 중 다수가 X 윈도우 시스템에서 분류된 X11 색상 이름에서 가져온 것이다. CSS를 지원하는 대부분의 HTML 사용자 에이전트가 이 색상들을 지원한다.

아래는 X11 색상 이름과 각각에 해당하는 16진수 코드의 목록이다.

색상 16진수 색상 16진수
indianred #cd5c5c darksalmon #e9967a
lightcoral #f08080 salmon #fa8072
orangered #ff4500 red #ff0000
crimson #dc143c firebrick #b22222
darkred #8b0000 mediumvioletred #c71585
pink #ffc0cb lightpink #ffb6c1
hotpink #ff69b4 deeppink #ff1493
palevioletred #db7093 darkkhaki #bdb76b
khaki #f0e68c palegoldenrod #eee8aa
lightgoldenrodyellow #fafad2 lightyellow #ffffe0
lemonchiffon #fffacd yellow #ffff00
gold #ffd700 papayawhip #ffefd5
moccasin #ffe4b5 peachpuff #ffdab9
cyan #00ffff aqua #00ffff
aquamarine #7fffd4 turquoise #40e0d0
mediumturquoise #48d1cc darkturquoise #00ced1
cadetblue #5f9ea0 slategray #708090
lightcyan #e0ffff paleturquoise #afeeee
powderblue #b0e0e6 lightsteelblue #b0c4de
steelblue #4682b4 lightblue #add8e6
skyblue #87ceeb lightskyblue #87cefa
deepskyblue #00bfff cornflowerblue #6495ed
royalblue #4169e1 mediumslateblue #7b68ee
dodgerblue #1e90ff blue #0000ff
mediumblue #0000cd darkblue #00008b
navy #000080 midnightblue #191970
lightsalmon #ffa07a orange #ffa500
darkorange #ff8c00 coral #ff7f50
tomato #ff6347 orangered #ff4500
aquamarine #7fffd4 mediumspringgreen #00fa9a
springgreen #00ff7f palegreen #98fb98
greenyellow #adff2f chartreuse #7fff00
lawngreen #7cfc00 lime #00ff00
lightgreen #90ee90 yellowgreen #9acd32
limegreen #32cd32 mediumseagreen #3cb371
darkseagreen #8fbc8f forestgreen #228b22
seagreen #2e8b57 green #008000
olivedrab #6b8e23 olive #808000
darkolivegreen #556b2f darkgreen #006400
mediumaquamarine #66cdaa turquoise #40e0d0
lightseagreen #20b2aa darkcyan #008b8b
teal #008080 lavender #e6e6fa
thistle #d8bfd8 plum #dda0dd
violet #ee82ee fuchsia #ff00ff
magenta #ff00ff orchid #da70d6
mediumorchid #ba55d3 darkorchid #9932cc
blueviolet #8a2be2 darkviolet #9400d3
mediumpurple #9370db slateblue #6a5acd
purple #800080 darkmagenta #8b008b
darkslateblue #483d8b indigo #4b0082
honeydew #f0fff0 mintcream #f5fffa
azure #f0ffff aliceblue #f0f8ff
ghostwhite #f8f8ff whitesmoke #f5f5f5
lavenderblush #fff0f5 mistyrose #ffe4e1
antiquewhite #faebd7 seashell #fff5ee
snow #fffafa white #ffffff
beige #f5f5dc linen #faf0e6
oldlace #fdf5e6 floralwhite #fffaf0
ivory #fffff0 gainsboro #dcdcdc
lightgrey #d3d3d3 silver #c0c0c0
darkgray #a9a9a9 gray #808080
dimgray #696969 darkslategray #2f4f4f
lightslategray #778899 slategray #708090
cornsilk #fff8dc blanchedalmond #ffebcd
bisque #ffe4c4 navajowhite #ffdead
wheat #f5deb3 sandybrown #f4a460
goldenrod #daa520 darkgoldenrod #b8860b
peru #cd853f chocolate #d2691e
maroon #800000 saddlebrown #8b4513
brown #a52a2a sienna #a0522d
darkred #8b0000 burlywood #deb887
tan #d2b48c rosybrown #bc8f8f
black #000000    

[편집] CSS 색상

CSS 언어에서는 HTML 4.01에 정의된 색상 이름을 다시 정의하고 있다. CSS 2.1에서는 여기에 "오렌지색"을 추가로 정의했다.

색상 16진수
orange #ffa500
웹 색상
검정 은색 회색 하양 빨강 고동색 자주색 자청색 녹색 라임색 올리브색 노랑 주황색 파랑 짙은 남색 암청색 옥색
                                 
black silver gray white red maroon purple fuchsia green lime olive yellow orange blue navy teal aqua