Colortheorynotes

MONOCHROMATIC
ANALOGOUS
COMPLEMENTARY COLOR SCHEME
TRIADIC
COMPOUND (AKA SPLIT COMPLEMENTARY)
Primary colors for LIGHT: RGB
Primary colors for PRINTER: CMYK
Primary colors for PAINT: RYB
MIXING :
Mixing RGB:
Red + Green = Yellow

Green + Blue = Cyan
Blue + Red = Magenta
Mixing CMY
Cyan + Magenta = Blue
Magenta + Yellow = Red
Yellow + Cyan = Green
Mixing Paint (RYB)
Red + Yellow = Orange
Yellow + Blue = Green
Blue +Red = Purple
CSS COLOR VALUES:
By color names:
<!DOCTYPE html>
<html>
<style>
div {padding:10px;}
</style>
<body>
<h1>Colors can be set using color names</h1>
<div style="background-color:cyan">
<h1 style="color:white">Heading</h1>
</div>
<div style="background-color:white">
<h1 style="color:magenta">Heading</h1>
</div>
<div style="background-color:gray">
<h1 style="color:cyan">Heading</h1>
</div>
</body>
</html>
As RGB Values:
rgb (red,green,blue)
0 to 255
rgb(255,0,0) = red
rgb(0,255,0) = green
rgb(0,0,255) = blue
Red + green = yellow
Green + blue = cyan
Red + blue = magenta
Shades of Gray:
Rgb(0,0,0) = black
Rgb(128,128,128) = gray
Rgb(255,255,255) = white
Hexadecimal Colors:
#RRGGBB
RED : #FF0000
GREEN : #00FF00
BLUE: #0000FF
Shades for gray
Black : #000000
Gray : #808080
White: #FFFFFF
Keyword:
Color: blue;
TOOLS:
Kuler: color adobe
https://www.empower-yourself-with-color-psychology.com/
w3schools
color groups
color values
color shades
color picker
color convertor
color RGB
color HEX
color HSL
HSL color values are supported in IE9+, Firefox, Chrome, Safari, and in Opera
10+.
hsl(hue, saturation, lightness)
HUE: (hue is another word for color) degree on the color wheel from 0 to 360
0 is red,
120 is green,
240 is blue
SATURATION: saturation value (%)
0% is gray
100% full color
LIGHTNESS: light %
0% is black
100% is white
COLOR HWB
HWB(hue,whiteness,blackness) used mainly in CSS4
hwb(0,0%,0%)
COLOR CMYK
cmyk(100%,0%,0%,0%)
Suggested standard for CSS4
C=Cyan, M= Magenta,Y= Yellow,K= Black

Computer uses RGB
Printer always uses CMYK
Where K=key is a special values of black.
COLOR NCol:
NCol is based on what colors look like to the human eye
Rgb(value,value,value)
rgb(117,226,40)
#75e228
rgb(255, 186, 213)
hsl(174,100%,15%)
COLOR GRADIENT: Combining two colors in a medium
(#33ccff,#ff99cc)
(#ff3399, #00ff00)
20|11|2020

Colortheorynotes

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Colortheorynotes

Uploaded by

Copyright:

Available Formats

MONOCHROMATIC

Primary colors for LIGHT: RGB

Primary colors for PRINTER: CMYK

Primary colors for PAINT: RYB

Red + Green = Yellow

Blue + Red = Magenta

Cyan + Magenta = Blue

Magenta + Yellow = Red

Yellow + Cyan = Green

Mixing Paint (RYB)

Red + Yellow = Orange

Yellow + Blue = Green

Blue +Red = Purple

CSS COLOR VALUES:

<h1>Colors can be set using color names</h1>

Red + green = yellow

Green + blue = cyan

Red + blue = magenta

Shades for gray

Kuler: color adobe

hsl(hue, saturation, lightness)

SATURATION: saturation value (%)

100% full color

HWB(hue,whiteness,blackness) used mainly in CSS4

Suggested standard for CSS4

C=Cyan, M= Magenta,Y= Yellow,K= Black

Printer always uses CMYK

Where K=key is a special values of black.

NCol is based on what colors look like to the human eye

rgb(255, 186, 213)

COLOR GRADIENT: Combining two colors in a medium

You might also like