codexdesign

code and design experiences for beginners

Visual Design Color Systems ( javascript )

code notes: Visual Design Color Systems introduces code for controlling color systems including grayscale, rgb (red, green, blue), and hsb (hue, saturation, brightness). Approaches to achieving transparency (alpha) are also introduced

design notes: Visual Design Color Systems introduces code for using basic additive (screen-based) color theory and color schemes.

code: review, elements
color: defaults

code: grayscale
color: grayscale

code: grayscale and alpha
color: grayscale

code: rgb
color: rgb (red, green, blue)

code: rgb and alpha
color: rgb (red, green, blue)

code: rgb
color: rgb, analogous

code: rgb
color: rgb, complementary

code: rgb
color: rgb, monochrome

code: rgb
color: rgb, triad

code: colorMode, hsb
color: hsb (hue, saturation, brightness)

code: pushStyle, popStyle
color: grayscale

code: blendMode
color: rgb, variation