달력

12

« 2019/12 »

  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  
  •  
  •  
  •  

'purple'에 해당되는 글 2

  1. CSS 데이터 형식
  2. 색상 태그

   

데이터 형식

데이터 : 스타일시트에서 사용되는 프로퍼티의 값

   

정수와 실수

10진법으로 표기, 양과 음 지정, 단위와 함께 사용시 값 범위 제한

   

길이

글꼴 및 이미지 크기 조절. 상대 단위와 절대 단위로 분류

h1 { margin: 0.5em; } /* em, 요소의 글꼴(font) 높이 */

h1 { margin: 1ex; } /* x-height, 글자 'x'의 높이 */

p { font-size: 12px; } /* pixels, 화면에 상대적으로 */

   

상대 단위 : em(글꼴의 크기), ex(글꼴의 x너비), px(픽셀)

h1 { margin: 0.5in; } /* 인치(inche), 1in = 2.54cm */

h2 { line-height: 3cm; } /* cm, centimeter */

h3 { word-spacing: 4mm; } /* mm, millimeter */

h4 { font-size: 12pt; } /* 포인트(point), 1pt = 1/72 in */

h4 { font-size: 1pc; } /* 피카(pica), 1pc = 12pt */

   

in(인치), cm(센티미터), mm(밀리미터), pt(포인트:1/72인치), pc(피카:12인치)

   

백분율 단위(percentage unit)

선택적 기호( '+'또는'-', 기본값은'+'), 수치(소수점 있거나 없거나), '단위 : '%'

p { line-height: 120%; } /* 요소의 글꼴 크기('font-size')의 120% */

   

색상(color)

키워드(keyword) 또는 RGB 값 사용.

body {color: black; background: white; }

h1 { color: maroon; }

h2 { color: olive; }

em { color: #f00; } /* #rgb */

em { color: #ff0000; } /* #rrggbb */

em { color: rgb(255,0,0); } /* 정수 범위: 0 - 255 */

em { color: rgb(100%, 0%, 0%); } /* 유동(float) 범위: 0.0% - 100.0% */

em { color: rgb(255,0,0); } /* 정수 범위: 0 - 255 */

em { color: rgb(300,0,0); } /* 255로 잘림 */

em { color: rgb(110%, 0%, 0%); } /* 100%로 잘림 */

   

색상 키워드

aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red,

silver, teal, white, yellow

   

   

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

CSS 지정방식  (0) 2015.04.01
CSS 주석  (0) 2015.03.10
CSS 데이터 형식  (0) 2015.02.01
HTML 요소를 선택자로 사용시  (0) 2015.01.01
참고 & 출처 HTML5, CSS, XML  (0) 2014.11.25
색상 태그  (0) 2014.11.20
Posted by codedragon codedragon

댓글을 달아 주세요

   

색상 표기법

HTML 문서에서 색상을 표현하는 방식은 영문의 색상명, 16진수 RGB 값 2가지가 있습니다.

   

16진수 표기법은 RGB표기법 이라고도 하는데,

R(red) 2자리, G(green) 2자리, B(blue) 2자리 총 6자리로 구성됩니다.

RR

GG

BB

  

  

  

   

   

RGB 컬러 값 (HTML Color Names)

출처: <http://www.w3schools.com/tags/ref_colornames.asp>

Color Name

HEX

Color

Shades

Mix

AliceBlue 

#F0F8FF

  

Shades

Mix

AntiqueWhite 

#FAEBD7

  

Shades

Mix

Aqua 

#00FFFF

  

Shades

Mix

Aquamarine 

#7FFFD4

  

Shades

Mix

Azure 

#F0FFFF

  

Shades

Mix

Beige 

#F5F5DC

  

Shades

Mix

Bisque 

#FFE4C4

  

Shades

Mix

Black 

#000000

  

Shades

Mix

BlanchedAlmond 

#FFEBCD

  

Shades

Mix

Blue 

#0000FF

  

Shades

Mix

BlueViolet 

#8A2BE2

  

Shades

Mix

Brown 

#A52A2A

  

Shades

Mix

BurlyWood 

#DEB887

  

Shades

Mix

CadetBlue 

#5F9EA0

  

Shades

Mix

Chartreuse 

#7FFF00

  

Shades

Mix

Chocolate 

#D2691E

  

Shades

Mix

Coral 

#FF7F50

  

Shades

Mix

CornflowerBlue 

#6495ED

  

Shades

Mix

Cornsilk 

#FFF8DC

  

Shades

Mix

Crimson 

#DC143C

  

Shades

Mix

Cyan 

#00FFFF

  

Shades

Mix

DarkBlue 

#00008B

  

Shades

Mix

DarkCyan 

#008B8B

  

Shades

Mix

DarkGoldenRod 

#B8860B

  

Shades

Mix

DarkGray 

#A9A9A9

  

Shades

Mix

DarkGreen 

#006400

  

Shades

Mix

DarkKhaki 

#BDB76B

  

Shades

Mix

DarkMagenta 

#8B008B

  

Shades

Mix

DarkOliveGreen 

#556B2F

  

Shades

Mix

DarkOrange 

#FF8C00

  

Shades

Mix

DarkOrchid 

#9932CC

  

Shades

Mix

DarkRed 

#8B0000

  

Shades

Mix

DarkSalmon 

#E9967A

  

Shades

Mix

DarkSeaGreen 

#8FBC8F

  

Shades

Mix

DarkSlateBlue 

#483D8B

  

Shades

Mix

DarkSlateGray 

#2F4F4F

  

Shades

Mix

DarkTurquoise 

#00CED1

  

Shades

Mix

DarkViolet 

#9400D3

  

Shades

Mix

DeepPink 

#FF1493

  

Shades

Mix

DeepSkyBlue 

#00BFFF

  

Shades

Mix

DimGray 

#696969

  

Shades

Mix

DodgerBlue 

#1E90FF

  

Shades

Mix

FireBrick 

#B22222

  

Shades

Mix

FloralWhite 

#FFFAF0

  

Shades

Mix

ForestGreen 

#228B22

  

Shades

Mix

Fuchsia 

#FF00FF

  

Shades

Mix

Gainsboro 

#DCDCDC

  

Shades

Mix

GhostWhite 

#F8F8FF

  

Shades

Mix

Gold 

#FFD700

  

Shades

Mix

GoldenRod 

#DAA520

  

Shades

Mix

Gray 

#808080

  

Shades

Mix

Green 

#008000

  

Shades

Mix

GreenYellow 

#ADFF2F

  

Shades

Mix

HoneyDew 

#F0FFF0

  

Shades

Mix

HotPink 

#FF69B4

  

Shades

Mix

IndianRed  

#CD5C5C

  

Shades

Mix

Indigo  

#4B0082

  

Shades

Mix

Ivory 

#FFFFF0

  

Shades

Mix

Khaki 

#F0E68C

  

Shades

Mix

Lavender 

#E6E6FA

  

Shades

Mix

LavenderBlush 

#FFF0F5

  

Shades

Mix

LawnGreen 

#7CFC00

  

Shades

Mix

LemonChiffon 

#FFFACD

  

Shades

Mix

LightBlue 

#ADD8E6

  

Shades

Mix

LightCoral 

#F08080

  

Shades

Mix

LightCyan 

#E0FFFF

  

Shades

Mix

LightGoldenRodYellow 

#FAFAD2

  

Shades

Mix

LightGray 

#D3D3D3

  

Shades

Mix

LightGreen 

#90EE90

  

Shades

Mix

LightPink 

#FFB6C1

  

Shades

Mix

LightSalmon 

#FFA07A

  

Shades

Mix

LightSeaGreen 

#20B2AA

  

Shades

Mix

LightSkyBlue 

#87CEFA

  

Shades

Mix

LightSlateGray 

#778899

  

Shades

Mix

LightSteelBlue 

#B0C4DE

  

Shades

Mix

LightYellow 

#FFFFE0

  

Shades

Mix

Lime 

#00FF00

  

Shades

Mix

LimeGreen 

#32CD32

  

Shades

Mix

Linen 

#FAF0E6

  

Shades

Mix

Magenta 

#FF00FF

  

Shades

Mix

Maroon 

#800000

  

Shades

Mix

MediumAquaMarine 

#66CDAA

  

Shades

Mix

MediumBlue 

#0000CD

  

Shades

Mix

MediumOrchid 

#BA55D3

  

Shades

Mix

MediumPurple 

#9370DB

  

Shades

Mix

MediumSeaGreen 

#3CB371

  

Shades

Mix

MediumSlateBlue 

#7B68EE

  

Shades

Mix

MediumSpringGreen 

#00FA9A

  

Shades

Mix

MediumTurquoise 

#48D1CC

  

Shades

Mix

MediumVioletRed 

#C71585

  

Shades

Mix

MidnightBlue 

#191970

  

Shades

Mix

MintCream 

#F5FFFA

  

Shades

Mix

MistyRose 

#FFE4E1

  

Shades

Mix

Moccasin 

#FFE4B5

  

Shades

Mix

NavajoWhite 

#FFDEAD

  

Shades

Mix

Navy 

#000080

  

Shades

Mix

OldLace 

#FDF5E6

  

Shades

Mix

Olive 

#808000

  

Shades

Mix

OliveDrab 

#6B8E23

  

Shades

Mix

Orange 

#FFA500

  

Shades

Mix

OrangeRed 

#FF4500

  

Shades

Mix

Orchid 

#DA70D6

  

Shades

Mix

PaleGoldenRod 

#EEE8AA

  

Shades

Mix

PaleGreen 

#98FB98

  

Shades

Mix

PaleTurquoise 

#AFEEEE

  

Shades

Mix

PaleVioletRed 

#DB7093

  

Shades

Mix

PapayaWhip 

#FFEFD5

  

Shades

Mix

PeachPuff 

#FFDAB9

  

Shades

Mix

Peru 

#CD853F

  

Shades

Mix

Pink 

#FFC0CB

  

Shades

Mix

Plum 

#DDA0DD

  

Shades

Mix

PowderBlue 

#B0E0E6

  

Shades

Mix

Purple 

#800080

  

Shades

Mix

Red 

#FF0000

  

Shades

Mix

RosyBrown 

#BC8F8F

  

Shades

Mix

RoyalBlue 

#4169E1

  

Shades

Mix

SaddleBrown 

#8B4513

  

Shades

Mix

Salmon 

#FA8072

  

Shades

Mix

SandyBrown 

#F4A460

  

Shades

Mix

SeaGreen 

#2E8B57

  

Shades

Mix

SeaShell 

#FFF5EE

  

Shades

Mix

Sienna 

#A0522D

  

Shades

Mix

Silver 

#C0C0C0

  

Shades

Mix

SkyBlue 

#87CEEB

  

Shades

Mix

SlateBlue 

#6A5ACD

  

Shades

Mix

SlateGray 

#708090

  

Shades

Mix

Snow 

#FFFAFA

  

Shades

Mix

SpringGreen 

#00FF7F

  

Shades

Mix

SteelBlue 

#4682B4

  

Shades

Mix

Tan 

#D2B48C

  

Shades

Mix

Teal 

#008080

  

Shades

Mix

Thistle 

#D8BFD8

  

Shades

Mix

Tomato 

#FF6347

  

Shades

Mix

Turquoise 

#40E0D0

  

Shades

Mix

Violet 

#EE82EE

  

Shades

Mix

Wheat 

#F5DEB3

  

Shades

Mix

White 

#FFFFFF

  

Shades

Mix

WhiteSmoke 

#F5F5F5

  

Shades

Mix

Yellow 

#FFFF00

  

Shades

Mix

YellowGreen 

#9ACD32

  

Shades

Mix

'Development > HTML, CSS, XML, ...' 카테고리의 다른 글

HTML 요소를 선택자로 사용시  (0) 2015.01.01
참고 & 출처 HTML5, CSS, XML  (0) 2014.11.25
색상 태그  (0) 2014.11.20
CSS 선언  (0) 2014.11.14
특수문자  (0) 2014.11.13
문단 태그  (0) 2014.10.26
TAG #000000, #000080, #00008B, #0000CD, #0000FF, #006400, #008000, #008080, #008B8B, #00BFFF, #00CED1, #00FA9A, #00FF00, #00FF7F, #00FFFF, #191970, #1E90FF, #20B2AA, #228B22, #2E8B57, #2F4F4F, #32CD32, #3CB371, #40E0D0, #4169E1, #4682B4, #483D8B, #48D1CC, #4B0082, #556B2F, #5F9EA0, #6495ED, #66CDAA, #696969, #6A5ACD, #6B8E23, #708090, #778899, #7B68EE, #7CFC00, #7FFF00, #7FFFD4, #800000, #800080, #808000, #808080, #87CEEB, #87CEFA, #8A2BE2, #8B0000, #8B008B, #8B4513, #8FBC8F, #90EE90, #9370DB, #9400D3, #98FB98, #9932CC, #9ACD32, #A0522D, #A52A2A, #A9A9A9, #ADD8E6, #ADFF2F, #AFEEEE, #B0C4DE, #B0E0E6, #B22222, #B8860B, #BA55D3, #BC8F8F, #BDB76B, #C0C0C0, #C71585, #CD5C5C, #CD853F, #D2691E, #D2B48C, #D3D3D3, #D8BFD8, #DA70D6, #DAA520, #DB7093, #DC143C, #DCDCDC, #DDA0DD, #DEB887, #E0FFFF, #E6E6FA, #E9967A, #EE82EE, #EEE8AA, #F08080, #F0E68C, #F0F8FF, #F0FFF0, #F0FFFF, #F4A460, #F5DEB3, #F5F5DC, #F5F5F5, #F5FFFA, #F8F8FF, #FA8072, #FAEBD7, #FAF0E6, #FAFAD2, #FDF5E6, #FF0000, #FF00FF, #FF1493, #FF4500, #FF6347, #FF69B4, #FF7F50, #FF8C00, #FFA07A, #FFA500, #FFB6C1, #FFC0CB, #FFD700, #FFDAB9, #FFDEAD, #FFE4B5, #FFE4C4, #FFE4E1, #FFEBCD, #FFEFD5, #FFF0F5, #FFF5EE, #FFF8DC, #FFFACD, #FFFAF0, #FFFAFA, #FFFF00, #FFFFE0, #FFFFF0, #FFFFFF, 16진수, Aliceblue, AntiqueWhite, aqua, Aquamarine, Azure, bb, Beige, Bisque, black, BlanchedAlmond, Blue, BlueViolet, Brown, BurlyWood, CadetBlue, Chartreuse, Chocolate, Coral, CornflowerBlue, Cornsilk, Crimson, Cyan, DarkBlue, DarkCyan, DarkGoldenRod, DarkGray, DarkGreen, DarkKhaki, DarkMagenta, DarkOliveGreen, DarkOrange, DarkOrchid, DarkRed, DarkSalmon, DarkSeaGreen, DarkSlateBlue, DarkSlateGray, DarkTurquoise, DarkViolet, DeepPink, DeepSkyBlue, DimGray, DodgerBlue, FireBrick, FloralWhite, ForestGreen, fuchsia, Gainsboro, GG, GhostWhite, GOLD, GoldenRod, GRAY, green, GreenYellow, HoneyDew, HotPink, HTML, html5, IndianRed, indigo, Ivory, Khaki, Lavender, LavenderBlush, LawnGreen, LemonChiffon, LightBlue, LightCoral, LightCyan, LightGoldenRodYellow, LightGray, LightGreen, LightPink, LightSalmon, LightSeaGreen, LightSkyBlue, LightSlateGray, LightSteelBlue, LightYellow, lime, LimeGreen, Linen, Magenta, maroon, MediumAquaMarine, MediumBlue, MediumOrchid, MediumPurple, MediumSeaGreen, MediumSlateBlue, MediumSpringGreen, MediumTurquoise, MediumVioletRed, MidnightBlue, MintCream, MistyRose, Moccasin, NavajoWhite, navy, OldLace, Olive, OliveDrab, Orange, OrangeRed, Orchid, PaleGoldenRod, PaleGreen, PaleTurquoise, PaleVioletRed, PapayaWhip, PeachPuff, Peru, pink, Plum, PowderBlue, purple, Red, rgb, RosyBrown, RoyalBlue, RR, SaddleBrown, Salmon, SandyBrown, SeaGreen, SeaShell, Sienna, silver, SkyBlue, SlateBlue, SlateGray, snow, SpringGreen, SteelBlue, Tan, teal, Thistle, Tomato, Turquoise, Violet, Wheat, white, WhiteSmoke, yellow, YellowGreen, 색상, 색상명, 표기법
Posted by codedragon codedragon

댓글을 달아 주세요