6
{col #113dd {color:#113dde} Hello {color} {col #fffff {color:#ffffff} Hello {color} {col #f4c66 {color:#f4c660} Hello {color} {col #f8f8f {color:#f8f8f8} Hello {color} {col #b5c1d {color:#b5c1db} Hello {color} {col #0c379 {color:#0c3792} Hello {color} {col #1840a {color:#1840a7} Hello {color} {col #48ac3 {color:#48ac3e} Hello {color} {col #c1c2c {color:#c1c2c3} Hello {color} {col #3994f {color:#3994fa} Hello {color} {col #5530b {color:#5530b8} Hello {color} {col #4529b {color:#4529b1} Hello {color} {col #00000 {color:#000000} Hello {color} {col #81847 {color:#81847d} Hello {color} {col #3060f {color:#3060f7} Hello {color} {col #4999f {color:#4999ff} Hello {color} {col #008f3 {color:#008f3b} Hello {color} {col #1333d {color:#1333d9} Hello {color} {col #1444e {color:#1444ef} Hello {color} {col #f2faf {color:#f2faf4} Hello {color} {col #cfcfc {color:#cfcfcf} Hello {color} {col #c3c3c {color:#c3c3c3} Hello {color} {col #e5e7f {color:#e5e7fc} Hello {color} {col #f1f1f {color:#f1f1f1} Hello {color} {col }{color:#FFFFFF} Hello {color} {col }{color:#FFFFCC} Hello {color} {col }{color:#FFFF99} Hello {color} {col }{color:#FFFF66} Hello {color} {col }{color:#FFFF33} Hello {color} {col }{color:#FFFF00} Hello {color} {col }{color:#FFCCFF} Hello {color} {col }{color:#FFCCCC} Hello {color} {col }{color:#FFCC99} Hello {color} {col }{color:#FFCC66} Hello {color} {col }{color:#FFCC33} Hello {color} {col }{color:#FFCC00} Hello {color} {col }{color:#FF99FF} Hello {color} {col }{color:#FF99CC} Hello {color} {col }{color:#FF9999} Hello {color} {col }{color:#FF9966} Hello {color} {col }{color:#FF9933} Hello {color} {col }{color:#FF9900} Hello {color} {col }{color:#FF66FF} Hello {color} {col }{color:#FF66CC} Hello {color} {col }{color:#FF66CC} Hello {color} #FFF FFF #FFF FCC #FFF F99 #FFF F66 #FFF F33 #FFF F00 #FFC CFF #FFC CCC #FFC C99 #FFC C66 #FFC C33 #FFC C00 #FF9 9FF #FF9 9CC #FF9 999 #FF9 966 #FF9 933 #FF9 900 #FF6 6FF #FF6 6CC #FF6 6CC

Color Codes as Hexadecimal

Embed Size (px)

DESCRIPTION

These are mockups with the entire design process.

Citation preview

Page 1: Color Codes as Hexadecimal

{ colo#113dd{color:#113dde} Hello W{color}{ colo#ffffff} {color:#ffffff} Hello W{color}{ colo#f4c660{color:#f4c660} Hello W{color}{ colo#f8f8f8{color:#f8f8f8} Hello W{color}{ colo#b5c1d{color:#b5c1db} Hello W{color}{ colo#0c379{color:#0c3792} Hello W{color}{ colo#1840a{color:#1840a7} Hello W{color}{ colo#48ac3{color:#48ac3e} Hello W{color}{ colo#c1c2c{color:#c1c2c3} Hello W{color}{ colo#3994f{color:#3994fa} Hello W{color}{ colo#5530b{color:#5530b8} Hello W{color}{ colo#4529b{color:#4529b1} Hello W{color}{ colo#00000{color:#000000} Hello W{color}{ colo#81847{color:#81847d} Hello W{color}{ colo#3060f{color:#3060f7} Hello W{color}{ colo#4999ff{color:#4999ff} Hello W{color}{ colo#008f3{color:#008f3b} Hello W{color}{ colo#1333d{color:#1333d9} Hello W{color}{ colo#1444e{color:#1444ef} Hello W{color}{ colo#f2faf4{color:#f2faf4} Hello W{color}{ colo#cfcfcf}{color:#cfcfcf} Hello W{color}{ colo#c3c3c{color:#c3c3c3} Hello W{color}{ colo#e5e7fc{color:#e5e7fc} Hello W{color}{ colo#f1f1f1{color:#f1f1f1} Hello W{color}{ colo } {color:#FFFFFF} Hello W{color}{ colo } {color:#FFFFCC} Hello W{color}{ colo } {color:#FFFF99} Hello W{color}{ colo } {color:#FFFF66} Hello W{color}{ colo } {color:#FFFF33} Hello W{color}{ colo } {color:#FFFF00} Hello W{color}{ colo } {color:#FFCCFF} Hello W{color}{ colo } {color:#FFCCCC} Hello W{color}{ colo } {color:#FFCC99} Hello W{color}{ colo } {color:#FFCC66} Hello W{color}{ colo } {color:#FFCC33} Hello W{color}{ colo } {color:#FFCC00} Hello W{color}{ colo } {color:#FF99FF} Hello W{color}{ colo } {color:#FF99CC} Hello W{color}{ colo } {color:#FF9999} Hello W{color}{ colo } {color:#FF9966} Hello W{color}{ colo } {color:#FF9933} Hello W{color}{ colo } {color:#FF9900} Hello W{color}{ colo } {color:#FF66FF} Hello W{color}{ colo } {color:#FF66CC} Hello W{color}{ colo } {color:#FF66CC} Hello W{color}

#FFFFFF#FFFFCC#FFFF99#FFFF66#FFFF33#FFFF00#FFCCFF#FFCCCC#FFCC99#FFCC66#FFCC33#FFCC00#FF99FF#FF99CC#FF9999#FF9966#FF9933#FF9900#FF66FF#FF66CC#FF66CC

Page 2: Color Codes as Hexadecimal

{ colo } {color:#FF6666} Hello W{color}{ colo } {color:#FF6633} Hello W{color}{ colo } {color:#FF6600} Hello W{color}{ colo } {color:#FF33FF} Hello W{color}{ colo } {color:#FF33CC} Hello W{color}{ colo } {color:#FF3399} Hello W{color}{ colo } {color:#FF3399} Hello W{color}{ colo } {color:#FF3333} Hello W{color}{ colo } {color:#FF3300} Hello W{color}{ colo } {color:#FF00FF} Hello W{color}{ colo } {color:#FF00CC} Hello W{color}{ colo } {color:#FF0099} Hello W{color}{ colo } {color:#FF0066} Hello W{color}{ colo } {color:#FF0033} Hello W{color}{ colo } {color:#FF0000} Hello W{color}{ colo } {color:#CCFFFF} Hello W{color}{ colo } {color:#CCFFCC} Hello W{color}{ colo } {color:#CCFF99} Hello W{color}{ colo } {color:#CCFF66} Hello W{color}{ colo } {color:#CCFF33} Hello W{color}{ colo } {color:#CCFF00} Hello W{color}{ colo } {color:#CCCCFF} Hello W{color}{ colo } {color:#CCCCCC} Hello W{color}{ colo } {color:#CCCC99} Hello W{color}{ colo } {color:#CCCC66} Hello W{color}{ colo } {color:#CCCC33} Hello W{color}{ colo } {color:#CCCC00} Hello W{color}{ colo } {color:#CC99FF} Hello W{color}{ colo } {color:#CC99CC} Hello W{color}{ colo } {color:#CC9999} Hello W{color}{ colo } {color:#CC9966} Hello W{color}{ colo } {color:#CC9933} Hello W{color}{ colo } {color:#CC9900} Hello W{color}{ colo } {color:#CC66FF} Hello W{color}{ colo } {color:#CC66CC} Hello W{color}{ colo } {color:#CC6699} Hello W{color}{ colo } {color:#CC6666} Hello W{color}{ colo } {color:#CC6633} Hello W{color}{ colo } {color:#CC6600} Hello W{color}{ colo } {color:#CC33FF} Hello W{color}{ colo } {color:#CC33CC} Hello W{color}{ colo } {color:#CC3399} Hello W{color}{ colo } {color:#CC3366} Hello W{color}{ colo } {color:#CC3333} Hello W{color}{ colo } {color:#CC3300} Hello W{color}

#FF6666#FF6633#FF6600#FF33FF#FF33CC#FF3399#FF3399#FF3333#FF3300#FF00FF#FF00CC#FF0099#FF0066#FF0033#FF0000#CCFFFF#CCFFCC#CCFF99#CCFF66#CCFF33#CCFF00#CCCCFF#CCCCCC#CCCC99#CCCC66#CCCC33#CCCC00#CC99FF#CC99CC#CC9999#CC9966#CC9933#CC9900#CC66FF#CC66CC#CC6699#CC6666#CC6633#CC6600#CC33FF#CC33CC#CC3399#CC3366#CC3333#CC3300

Page 3: Color Codes as Hexadecimal

{ colo } {color:#CC00FF} Hello W{color}{ colo } {color:#CC00CC} Hello W{color}{ colo } {color:#CC0099} Hello W{color}{ colo } {color:#CC0066} Hello W{color}{ colo } {color:#CC0033} Hello W{color}{ colo } {color:#CC0000} Hello W{color}{ colo } {color:#99FFFF} Hello W{color}{ colo } {color:#99FFCC} Hello W{color}{ colo } {color:#99FF99} Hello W{color}{ colo } {color:#99FF66} Hello W{color}{ colo } {color:#99FF33} Hello W{color}{ colo } {color:#99FF00} Hello W{color}{ colo } {color:#99CCFF} Hello W{color}{ colo } {color:#99CCCC} Hello W{color}{ colo } {color:#99CC99} Hello W{color}{ colo } {color:#99CC66} Hello W{color}{ colo } {color:#99CC33} Hello W{color}{ colo } {color:#99CC00} Hello W{color}{ colo } {color:#9999FF} Hello W{color}{ colo } {color:#9999CC} Hello W{color}{ colo } {color:#999999} Hello W{color}{ colo } {color:#999966} Hello W{color}{ colo } {color:#999933} Hello W{color}{ colo } {color:#999900} Hello W{color}{ colo } {color:#9966FF} Hello W{color}{ colo } {color:#9966CC} Hello W{color}{ colo } {color:#996699} Hello W{color}{ colo } {color:#996666} Hello W{color}{ colo } {color:#996633} Hello W{color}{ colo } {color:#996600} Hello W{color}{ colo } {color:#9933FF} Hello W{color}{ colo } {color:#9933CC} Hello W{color}{ colo } {color:#993399} Hello W{color}{ colo } {color:#993366} Hello W{color}{ colo } {color:#993333} Hello W{color}{ colo } {color:#993300} Hello W{color}{ colo } {color:#9900FF} Hello W{color}{ colo } {color:#9900CC} Hello W{color}{ colo } {color:#990099} Hello W{color}{ colo } {color:#990066} Hello W{color}{ colo } {color:#990033} Hello W{color}{ colo } {color:#990000} Hello W{color}{ colo } {color:#66FFFF} Hello W{color}{ colo } {color:#66FFCC} Hello W{color}{ colo } {color:#66FF99} Hello W{color}

#CC00FF#CC00CC#CC0099#CC0066#CC0033#CC0000#99FFFF#99FFCC#99FF99#99FF66#99FF33#99FF00#99CCFF#99CCCC#99CC99#99CC66#99CC33#99CC00#9999FF#9999CC#999999#999966#999933#999900#9966FF#9966CC#996699#996666#996633#996600#9933FF#9933CC#993399#993366#993333#993300#9900FF#9900CC#990099#990066#990033#990000#66FFFF#66FFCC#66FF99

Page 4: Color Codes as Hexadecimal

{ colo } {color:#66FF66} Hello W{color}{ colo } {color:#66FF33} Hello W{color}{ colo } {color:#66FF00} Hello W{color}{ colo } {color:#66CCFF} Hello W{color}{ colo } {color:#66CCCC} Hello W{color}{ colo } {color:#66CC99} Hello W{color}{ colo } {color:#66CC66} Hello W{color}{ colo } {color:#66CC33} Hello W{color}{ colo } {color:#66CC00} Hello W{color}{ colo } {color:#6699FF} Hello W{color}{ colo } {color:#6699CC} Hello W{color}{ colo } {color:#669999} Hello W{color}{ colo } {color:#669966} Hello W{color}{ colo } {color:#669933} Hello W{color}{ colo } {color:#669900} Hello W{color}{ colo } {color:#6666FF} Hello W{color}{ colo } {color:#6666CC} Hello W{color}{ colo } {color:#666699} Hello W{color}{ colo } {color:#666666} Hello W{color}{ colo } {color:#666633} Hello W{color}{ colo } {color:#666600} Hello W{color}{ colo } {color:#6633FF} Hello W{color}{ colo } {color:#6633CC} Hello W{color}{ colo } {color:#663399} Hello W{color}{ colo } {color:#663366} Hello W{color}{ colo } {color:#663333} Hello W{color}{ colo } {color:#663300} Hello W{color}{ colo } {color:#6600FF} Hello W{color}{ colo } {color:#6600CC} Hello W{color}{ colo } {color:#660099} Hello W{color}{ colo } {color:#660066} Hello W{color}{ colo } {color:#660033} Hello W{color}{ colo } {color:#660000} Hello W{color}{ colo } {color:#33FFFF} Hello W{color}{ colo } {color:#33FFCC} Hello W{color}{ colo } {color:#33FF99} Hello W{color}{ colo } {color:#33FF66} Hello W{color}{ colo } {color:#33FF33} Hello W{color}{ colo } {color:#33FF00} Hello W{color}{ colo } {color:#33CCFF} Hello W{color}{ colo } {color:#33CCCC} Hello W{color}{ colo } {color:#33CC99} Hello W{color}{ colo } {color:#33CC66} Hello W{color}{ colo } {color:#33CC33} Hello W{color}{ colo } {color:#33CC00} Hello W{color}

#66FF66#66FF33#66FF00#66CCFF#66CCCC#66CC99#66CC66#66CC33#66CC00#6699FF#6699CC#669999#669966#669933#669900#6666FF#6666CC#666699#666666#666633#666600#6633FF#6633CC#663399#663366#663333#663300#6600FF#6600CC#660099#660066#660033#660000#33FFFF#33FFCC#33FF99#33FF66#33FF33#33FF00#33CCFF#33CCCC#33CC99#33CC66#33CC33#33CC00

Page 5: Color Codes as Hexadecimal

{ colo } {color:#3399FF} Hello W{color}{ colo } {color:#3399CC} Hello W{color}{ colo } {color:#339999} Hello W{color}{ colo } {color:#339966} Hello W{color}{ colo } {color:#339933} Hello W{color}{ colo } {color:#339900} Hello W{color}{ colo } {color:#3366FF} Hello W{color}{ colo } {color:#3366CC} Hello W{color}{ colo } {color:#336699} Hello W{color}{ colo } {color:#336666} Hello W{color}{ colo } {color:#336633} Hello W{color}{ colo } {color:#336600} Hello W{color}{ colo } {color:#3333FF} Hello W{color}{ colo } {color:#3333CC} Hello W{color}{ colo } {color:#333399} Hello W{color}{ colo } {color:#333366} Hello W{color}{ colo } {color:#333333} Hello W{color}{ colo } {color:#333300} Hello W{color}{ colo } {color:#3300FF} Hello W{color}{ colo } {color:#3300CC} Hello W{color}{ colo } {color:#330099} Hello W{color}{ colo } {color:#330066} Hello W{color}{ colo } {color:#330033} Hello W{color}{ colo } {color:#330000} Hello W{color}{ colo } {color:#00FFFF} Hello W{color}{ colo } {color:#00FFCC} Hello W{color}{ colo } {color:#00FF99} Hello W{color}{ colo } {color:#00FF66} Hello W{color}{ colo } {color:#00FF33} Hello W{color}{ colo } {color:#00FF00} Hello W{color}

{ colo } {color:#00CCFF} Hello W{colo{ colo } {color:#00CCCC} Hello W{color}{ colo } {color:#00CC99} Hello W{color}{ colo } {color:#00CC66} Hello W{color}{ colo } {color:#00CC33} Hello W{color}{ colo } {color:#00CC00} Hello W{color}{ colo } {color:#0099FF} Hello W{color}{ colo } {color:#0099CC} Hello W{color}

{ colo } {color:#009999} Hello W{coloDarkCyan

{ colo } {color:#009966} Hello W{coloTeal{ colo } {color:#009933} Hello W{color}{ colo } {color:#009900} Hello W{coloGreen{ colo } {color:#0066FF} Hello W{color}

#3399FF#3399CC#339999#339966#339933#339900#3366FF#3366CC#336699#336666#336633#336600#3333FF#3333CC#333399#333366#333333#333300#3300FF#3300CC#330099#330066#330033#330000#00FFFF#00FFCC#00FF99#00FF66#00FF33#00FF00#00CCFF

DeepSkyBlue

#00CCCC#00CC99#00CC66#00CC33#00CC00#0099FF#0099CC#009999#009966#009933#009900#0066FF

Page 6: Color Codes as Hexadecimal

{ colo } {color:#0066CC} Hello W{color}{ colo } {color:#006699} Hello W{color}{ colo } {color:#006666} Hello W{color}{ colo } {color:#006633} Hello W{color}

{ colo } {color:#006600} Hello W{colo{ colo } {color:#0033FF} Hello W{color}{ colo } {color:#0033CC} Hello W{color}{ colo } {color:#003399} Hello W{color}{ colo } {color:#003366} Hello W{color}{ colo } {color:#003333} Hello W{color}{ colo } {color:#003300} Hello W{color}{ colo } {color:#0000FF} Hello W{coloBlue

{ colo } {color:#0000CC} Hello W{coloMed. Blue

{ colo } {color:#000099} Hello W{coloDark Blue

{ colo } {color:#000066} Hello W{coloNavy{ colo } {color:#000033} Hello W{color}{ colo } {color:#000000} Hello W{coloBlack

#0066CC#006699#006666#006633#006600

Dark Green

#0033FF#0033CC#003399#003366#003333#003300#0000FF#0000CC

#000099#000066#000033#000000