색 시리즈 1부 : Color Basic - Web
RGB
RGB 컬러 : 빛의 세가지 기본색 Red, Green, Blue 의 가산혼합으로 만들어지는 색상
(0, 0, 0) = 빨간색, 초록색, 파란색이 없는 경우 (0인 경우) = 검정색
(255,255,255) = 빨간색, 초록색, 파란색이 다 있는 경우 (100인 경우) = 흰색
(255, 0, 0) = RGB 중 Red 는 255로 기본 빨간색, Green과 Blue는 0
(255, 150, 150) = RGB Red를 기준으로 G와 B가 수가 커질수록 밝은색이 됨
가산혼합, 감산혼합
Additive Color
빛의 삼원색
Red, Blue, Green을 섞으면 각각 Magenta, Yellow, Cyan 색상이 나오고 다 섞으면 흰색이 됨
가산혼합 : 최대로 합해지면 흰색이 됨 / 색이 많이 섞일 수 록 밝은색이 됨
Subtractive Color
색의 삼원색
Magenta, Yellow, Cyan 색상을 섞으면 Red, Blue, Green이 되고 다 섞으면 검정색이 됨
감산혼합 : 최대로 합해지면 검정색이 됨 / 색이 많이 섞일 수 록 어두운색이 됨
Hex Code
RGB를 16진수로 표현한게 Hex Code
16진수 FF를 10진수로 변환하면 255
예) #ff0000 = ( 255, 0, 0 )
RGB(156, 39, 176) = #9c2760 ( 156 = 9c / 39 = 27 / 176 = b0 )
HSB ( HSV )
색상(Hue), 채도(Saturation), 명도(Value) / 밝기 (Brightness)
HUE 색상 : 색의 근원적인 성질, 색 자체
색상을 원형으로 배열한게 Color Wheel
Color Wheel 을 통해 색상 선택
12 Basic Color Theory
Primary Color :
Red
Blue
Yellow
Secondary Color :
Red + Yellow = Orange
Blue + Red = Purple
Yellow + Blue = Green
Teritiary color :
Red + Purple = Red-Purple (magenta)
Red + Orange = Red-Orange (vermillion)
Blue + Purple = Blue-Purple (violet)
Blue + Green = Blue-Green (teal)
Yellow + Orange = Yellow-Orange (amber)
Yellow + Green = Yellow-Green (chartreuse)
색의 조화
Color Wheel 에서 원하는 색 조화에 따라 색상을 선택
Analogous 유사 (같은 방향)
Monochromatic 단색
Triadic 삼각형 (3개)
Tetradic 사각형 (4개)
Complementary 보색 (반대 방향)
Split Complementary 분할 보색
기본 색상 선택 후 원하는 색 조화에 따라 색상 선택
이미지 출처 : Adobe Color Wheel
Tint, Tone, Shade
Tint : 흰색이 더해지고 명도가 높아짐 / Add White, Increase Brightness
Shade : 검정색이 더해지고 명도가 낮아짐 / Add Black, Increase Darkness
Tone : 회색이 더해지고 또는 중립색상이 더해지고 채도가 낮아지고 색상의 강도가 낮아집니다. / Add Grey, Reduce Chroma / Colorfulness ( 색채, 채도 )
