256 shades of R, G and B
-
Upload
caio-gondim -
Category
Software
-
view
36 -
download
1
Transcript of 256 shades of R, G and B
![Page 1: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/1.jpg)
256 SHADES of
@loopinfinito
R, G and B
![Page 2: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/2.jpg)
@almirfilho
globo.comloop infinito
zofe
@caio_gondim
booking.comloop infinito
zofe
![Page 3: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/3.jpg)
zone of front-enderszofe.com.br
@danielfilho @rafaelrinaldi @brunopassos
![Page 4: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/4.jpg)
It is important to view knowledge as sort of a
semantic tree - make sure you understand the fundamental principles, ie the trunk and big branches, before you get into the leaves/details or
there is nothing for them to hang on to.
![Page 5: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/5.jpg)
COLORSmoda f o k i n g
![Page 6: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/6.jpg)
![Page 7: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/7.jpg)
![Page 8: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/8.jpg)
![Page 9: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/9.jpg)
![Page 10: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/10.jpg)
![Page 11: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/11.jpg)
![Page 12: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/12.jpg)
![Page 13: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/13.jpg)
w h a t i s a
COLOR
![Page 14: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/14.jpg)
light spectrum
![Page 15: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/15.jpg)
![Page 16: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/16.jpg)
sun spectrum
![Page 17: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/17.jpg)
object color
![Page 18: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/18.jpg)
metal color
![Page 19: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/19.jpg)
retina rods and cones
![Page 20: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/20.jpg)
yello
w
![Page 21: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/21.jpg)
iphone retina screen
![Page 22: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/22.jpg)
yellow
![Page 23: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/23.jpg)
this is a
LIE
![Page 24: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/24.jpg)
everything is
MATH
![Page 25: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/25.jpg)
256?why
![Page 26: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/26.jpg)
2 = 2561 byte = 8bits
8
![Page 27: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/27.jpg)
00 FFhexadecimal system
to
0 255decimal system
to
![Page 28: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/28.jpg)
#BADA55red green blue
hex color
![Page 29: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/29.jpg)
#BADA5516*16
256 * 256 * 256
16.777.216 colors
16*16 16*16
![Page 30: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/30.jpg)
#FF0000
![Page 31: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/31.jpg)
#00FF00
![Page 32: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/32.jpg)
#0000FF
![Page 33: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/33.jpg)
#FFFF00
![Page 34: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/34.jpg)
#000000
![Page 35: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/35.jpg)
#666666
![Page 36: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/36.jpg)
#CCCCCC
![Page 37: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/37.jpg)
#FFFFFF
![Page 38: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/38.jpg)
black or white?
![Page 39: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/39.jpg)
getContrast50 = (hexcolor) -> hex = parseInt hexcolor, 16 if hex > 0xffffff/2 then 'black' else 'white'
50% contrast
![Page 40: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/40.jpg)
24ways.org/2010/calculating-color-contrast
YIQ color space
50% contrast
![Page 41: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/41.jpg)
blend darken lighten saturate desaturate complement invert spin
grayscale mix tint shade luminosity contrast transparentify
stylus color functions
![Page 42: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/42.jpg)
p { color: #BADA55 + #C0FFEE; border-color: #770000 * #003300; }
sass color operations
p { color: white; border-color: black; }
outputs
![Page 43: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/43.jpg)
c o l o r
MODEL
![Page 44: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/44.jpg)
RGB
![Page 45: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/45.jpg)
CMY
![Page 46: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/46.jpg)
HSL/HSV
![Page 47: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/47.jpg)
c o l o r
WHEEL
![Page 48: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/48.jpg)
n e w t o n
![Page 49: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/49.jpg)
Isaac Newton's color wheel, 1666
![Page 50: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/50.jpg)
Goethe color wheel
![Page 51: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/51.jpg)
Johannes Itten's color wheel
![Page 52: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/52.jpg)
Painter color wheel
![Page 53: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/53.jpg)
![Page 54: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/54.jpg)
Subtractive color wheel
![Page 55: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/55.jpg)
![Page 56: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/56.jpg)
RGB cube
![Page 57: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/57.jpg)
yellow
red
fuchsiablue
aqua
lime
![Page 58: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/58.jpg)
HARMONYco l o r s w i t h
![Page 59: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/59.jpg)
monochromatic
![Page 60: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/60.jpg)
![Page 61: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/61.jpg)
![Page 62: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/62.jpg)
![Page 63: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/63.jpg)
![Page 64: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/64.jpg)
![Page 65: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/65.jpg)
![Page 66: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/66.jpg)
![Page 70: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/70.jpg)
Picasso, Portrait of Angel Fernandez de Soto, 1903
![Page 71: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/71.jpg)
analogous
![Page 72: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/72.jpg)
![Page 73: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/73.jpg)
![Page 74: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/74.jpg)
![Page 75: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/75.jpg)
![Page 76: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/76.jpg)
![Page 80: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/80.jpg)
Rembrandt, Self Portrait with Two Circles, 1660
![Page 81: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/81.jpg)
Andy Warhol, Mao, 1973
![Page 82: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/82.jpg)
Picasso, Lá Vie, 1903
![Page 83: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/83.jpg)
Van Gogh, Wheatfield with Cypresses, 1889
![Page 84: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/84.jpg)
complementary
![Page 85: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/85.jpg)
![Page 86: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/86.jpg)
![Page 87: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/87.jpg)
![Page 88: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/88.jpg)
![Page 89: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/89.jpg)
![Page 90: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/90.jpg)
![Page 91: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/91.jpg)
Van Gogh, The Night Café, 1888
![Page 92: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/92.jpg)
Van Gogh, Irises, 1890
![Page 93: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/93.jpg)
Edvard Munch, The Scream, 1893
![Page 94: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/94.jpg)
triadic
![Page 95: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/95.jpg)
![Page 96: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/96.jpg)
![Page 97: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/97.jpg)
![Page 98: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/98.jpg)
![Page 99: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/99.jpg)
![Page 100: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/100.jpg)
Andy Warhol, Marilyn Diptych, 1962
![Page 101: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/101.jpg)
Willem de Kooning, Milkmaid, 1983
![Page 102: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/102.jpg)
tetradic
![Page 103: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/103.jpg)
![Page 104: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/104.jpg)
![Page 105: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/105.jpg)
![Page 106: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/106.jpg)
Van Gogh, Café Terrace at Night, 1888
![Page 107: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/107.jpg)
Ellsworth kelly, Red Orange White Green Blue, 1968
![Page 108: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/108.jpg)
split complementary
![Page 109: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/109.jpg)
![Page 110: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/110.jpg)
![Page 111: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/111.jpg)
![Page 112: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/112.jpg)
Mark Rhotko
![Page 113: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/113.jpg)
guideline != rule
![Page 114: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/114.jpg)
c o l o r
FEELING
![Page 115: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/115.jpg)
love, drama, dynamism, power, passion, blood
![Page 116: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/116.jpg)
red logos
![Page 117: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/117.jpg)
energy, warning, enthusiasm, creativity,
shock
![Page 118: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/118.jpg)
orange logos
![Page 119: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/119.jpg)
sunshine, caution, vibrancy, happiness,
alert
![Page 120: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/120.jpg)
yellow logos
![Page 121: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/121.jpg)
nature, wealth, stability, environment,
relaxation
![Page 122: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/122.jpg)
green logos
![Page 123: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/123.jpg)
calm, intelligence, honesty, depression,
openness
![Page 124: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/124.jpg)
blue logos
![Page 125: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/125.jpg)
purity, truth, perfection, light,
sacredness
![Page 126: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/126.jpg)
white logos
![Page 127: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/127.jpg)
mystery, death, elegance, formality
![Page 128: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/128.jpg)
black logos
![Page 129: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/129.jpg)
c o l o rACCESSIBILITY
![Page 130: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/130.jpg)
contrast
![Page 131: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/131.jpg)
design for
elderly users low quality monitors
bad lightning
![Page 132: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/132.jpg)
goodbad
http://www.w3.org/WAI/wcag-curric/sam26-0.htm
![Page 133: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/133.jpg)
http://www.laspositascollege.edu/accessibility/contrast-example.php
good
bad
![Page 134: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/134.jpg)
W3C Content Accessibility Guidelines
![Page 136: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/136.jpg)
contrast checker
![Page 137: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/137.jpg)
Luminosity Colour Contrast Ratio Analyser
![Page 138: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/138.jpg)
Colour Contrast Check
![Page 139: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/139.jpg)
color blindness
![Page 140: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/140.jpg)
affects ~8%
of people
![Page 141: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/141.jpg)
protanopia
normal
deuteranopia
tritanopia
![Page 142: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/142.jpg)
avoid colour-specific instructions
http://24ways.org/2012/colour-accessibility/
![Page 143: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/143.jpg)
don’t rely on color coding
http://24ways.org/2012/colour-accessibility/
![Page 144: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/144.jpg)
don’t rely on color coding
http://24ways.org/2012/colour-accessibility/
![Page 145: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/145.jpg)
http://24ways.org/2012/colour-accessibility/
use a simulator
![Page 146: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/146.jpg)
![Page 147: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/147.jpg)
![Page 148: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/148.jpg)
Be a neo-pointillist
artist
![Page 149: 256 shades of R, G and B](https://reader038.fdocuments.us/reader038/viewer/2022110123/55b72043bb61ebd9028b4644/html5/thumbnails/149.jpg)
thank you@loopinfinito
~ @almirfilho @caio_gondim