Color Theory and the Making of Monotoneby NOEL JACKSON

Noel Jackson - http://jcksn.comnoel@automattic.com

I made a theme.

What is color?and

What makes a good color?

What is color?

In the eye On the screen

0

0.2

0.4

0.6

0.8

1.0

400 450 500 550 600 650 700

S M L

Color Modes• RGB: Red, Green,

Blue (Additive)

• CMYK: Cyan, Magenta, Yellow, Black (Subtractive)

• Hexadecimal: (way to view RGB numbers)

• HSB: Hue Saturation Brightness (way to view RGB numbers)

RGB Lights On a Wall

Levels of RGB Mixed

Explanation of Color Profiles

Physical Monitor Color Profile(OS Level)

App Level

Resource

Color Profile(Adobe RGB 1998)

Image Level

+

Application LevelNo Profile

255, 0, 56 Color Profile

255, 0, 69

Building MonotoneLocating a good color and manipulating it.

Rule of Thirds

Rule of Thirds in PHP

How do we pick the best color?

Conversion Functions

Loop through colors, put them in an array.

Narrow it down to one base color.

Monochromatic is the new pink.

That loop stuff.

The hook.

What can I do with all this?

What about Monotone and feature X?

Thank You!

Sources• http://en.wikipedia.org/wiki/Image:Cones_SMJ2_E.svg

• http://en.wikipedia.org/wiki/Image:RGB_illumination.jpg

• http://en.wikipedia.org/wiki/Image:RGB-combinations.png

• http://burningbird.net/technology/experiments-in-color/

• http://andy.greyledge.net/ColorChip/

• http://www.barelyfitz.com/projects/csscolor/