Skip to content

Web colors

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

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

Web Safe Colors

호환성을 위해 16,777,216가지나 되는 색의 가짓수를 대폭 줄여서 표준으로 설정한 색을 말한다. 웹 안전 색상의 색 값은 모두 51의 배수로 이루어져 있다. (이는 최대값인 255를 5로 나눈 것이다.) 각각 0, 51, 102, 153, 204, 255의 6단계로 이루어져 있으며 (00, 33, 66, 99, CC, FF) 표현 가능한 가짓수는 모두 216가지(63)이다.

밑의 색상표는 기존 RGB의 긴 코드대신 3글자로 줄인 것이다. 예로, 609번은 RGB코드의 660099번과 일치한다. 또한, 22개의 "가장 안전한" 웹 색상은 밑줄 표시가 되어 있다.

[Web Safe Colors](Template%3AWebSafeColors.md)

*000*

300

600

900

C00

*F00*

*003*

303

603

903

C03

*F03*

006

306

606

906

C06

F06

009

309

609

909

C09

F09

00C

30C

60C

90C

C0C

F0C

*00F*

30F

60F

90F

C0F

*F0F*

030

330

630

930

C30

F30

033

333

633

933

C33

F33

036

336

636

936

C36

F36

039

339

639

939

C39

F39

03C

33C

63C

93C

C3C

F3C

03F

33F

63F

93F

C3F

F3F

060

360

660

960

C60

F60

063

363

663

963

C63

F63

066

366

666

966

C66

F66

069

369

669

969

C69

F69

06C

36C

66C

96C

C6C

F6C

06F

36F

66F

96F

C6F

F6F

090

390

690

990

C90

F90

093

393

693

993

C93

F93

096

396

696

996

C96

F96

099

399

699

999

C99

F99

09C

39C

69C

99C

C9C

F9C

09F

39F

69F

99F

C9F

F9F

0C0

3C0

6C0

9C0

CC0

FC0

0C3

3C3

6C3

9C3

CC3

FC3

0C6

3C6

6C6

9C6

CC6

FC6

0C9

3C9

6C9

9C9

CC9

FC9

0CC

3CC

6CC

9CC

CCC

FCC

0CF

3CF

6CF

9CF

CCF

FCF

*0F0*

3F0

*6F0*

9F0

CF0

*FF0*

0F3

*3F3*

*6F3*

9F3

CF3

*FF3*

*0F6*

*3F6*

6F6

9F6

*CF6*

*FF6*

0F9

3F9

6F9

9F9

CF9

FF9

*0FC*

*3FC*

6FC

9FC

CFC

FFC

*0FF*

*3FF*

*6FF*

9FF

CFF

*FFF*

HTML color names

Basic colors

Color

Name

HEX

Red

Green

Blue

White

#FFFFFF

100%

100%

100%

Silver

#C0C0C0

75%

75%

75%

Gray

#808080

50%

50%

50%

Black

#000000

0%

0%

0%

Red

#FF0000

100%

0%

0%

Maroon

#800000

50%

0%

0%

Yellow

#FFFF00

100%

100%

0%

Olive

#808000

50%

50%

0%

Lime

#00FF00

0%

100%

0%

Green

#008000

0%

50%

0%

Aqua

#00FFFF

0%

100%

100%

Teal

#008080

0%

50%

50%

Blue

#0000FF

0%

0%

100%

Navy

#000080

0%

0%

50%

Fuchsia

#FF00FF

100%

0%

100%

Purple

#800080

50%

0%

50%

Extended colors

HTML name

Pink colors

MediumVioletRed

DeepPink

PaleVioletRed

HotPink

LightPink

Pink

Red colors

DarkRed

Red

Firebrick

Crimson

IndianRed

LightCoral

Salmon

DarkSalmon

LightSalmon

Orange colors

OrangeRed

Tomato

DarkOrange

Coral

Orange

Yellow colors

DarkKhaki

Gold

Khaki

PeachPuff

Yellow

PaleGoldenrod

Moccasin

PapayaWhip

LightGoldenrodYellow

LemonChiffon

LightYellow

Brown colors

Maroon

Brown

SaddleBrown

Sienna

Chocolate

DarkGoldenrod

Peru

RosyBrown

Goldenrod

SandyBrown

Tan

Burlywood

Wheat

NavajoWhite

Bisque

BlanchedAlmond

Cornsilk

HTML name

Purple, violet, and magenta colors

Indigo

Purple

DarkMagenta

DarkViolet

DarkSlateBlue

BlueViolet

DarkOrchid

Fuchsia

Magenta

SlateBlue

MediumSlateBlue

MediumOrchid

MediumPurple

Orchid

Violet

Plum

Thistle

Lavender

Blue colors

MidnightBlue

Navy

DarkBlue

MediumBlue

Blue

RoyalBlue

SteelBlue

DodgerBlue

DeepSkyBlue

CornflowerBlue

SkyBlue

LightSkyBlue

LightSteelBlue

LightBlue

PowderBlue

Cyan colors

Teal

DarkCyan

LightSeaGreen

CadetBlue

DarkTurquoise

MediumTurquoise

Turquoise

Aqua

Cyan

Aquamarine

PaleTurquoise

LightCyan

HTML name

Green colors

DarkGreen

Green

DarkOliveGreen

ForestGreen

SeaGreen

Olive

OliveDrab

MediumSeaGreen

LimeGreen

Lime

SpringGreen

MediumSpringGreen

DarkSeaGreen

MediumAquamarine

YellowGreen

LawnGreen

Chartreuse

LightGreen

GreenYellow

PaleGreen

White colors

MistyRose

AntiqueWhite

Linen

Beige

WhiteSmoke

LavenderBlush

OldLace

AliceBlue

Seashell

GhostWhite

Honeydew

FloralWhite

Azure

MintCream

Snow

Ivory

White

Gray and black colors

Black

DarkSlateGray

DimGray

SlateGray

Gray

LightSlateGray

DarkGray

Silver

LightGray

Gainsboro

Favorite site