1. 먼셀(Munsell) 10색과 무지개 색상-Rainbow 무지개 색상은 우리 눈에 보이는 것은 ROYGBV이다. 즉 Red, Orange, Yellow, Green, Blue, Violet, 우리나라 말로는 '빨, 주, 노, 초, 파, 보'이다. 남색은 제외된다. 그러나 우리는 무지개 색상을 '빨, 주, 노, 초, 파, 남, 보'라고 7색으로 부른다. 인간의 눈으로 남색은 굳이 구분하기 어려운 색이다. 뉴턴은 처음에 무지개 색상을 빨, 주, 노, 초, 파, 청, 보(ROYGBIV)라고 불렀다. 파란색이라고 부르는 영역은 지금의 청록색이다. 청록색은 하늘색과 유사하며 지금의 파란색을 뉴턴은 보라색(violet)이라 불렀다. 제비꽃((violet) 색깔이다. 즉 짙은 파란색이다. 무지개 색상에 굳이 남..

블렌드 모드에 관한 이전의 글 블렌드 모드에 관한 이전의 참고 글 블렌딩 모드-디졸브-컬러 번-Multiply-Darken 블렌드 모드(Blend Mode)-Lighten-스크린-컬러 닷지-선형 닷지 Contrast 그룹 단어 그대로 contrast(대비)를 강조하는 그룹이다. 한 이미지 표현은 명암(밝음과 어두움)의 상대적 차이에 의해 표현된다. 둘의 차이가 커질수록 contrast(대비)는 강해진다. 기준점은 밝기의 중간값인 50% Gray가 기준점이다. 이 기준점보다 밝으면 더 밝게, 이 기준점보다 어두우면 더 어둡게 표현된다. (그러므로 50% Gray를 투명하게 보이게 한다 = Hard Mix 제외) 그러므로 이 contrast 그룹은 Lighten 그룹과 Darken 그룹을 합친 결과를 표현할..

1. Blend Mode(블렌드 모드, 혼합 모드)의 6개 그룹 블렌드 모드는 색을 혼합하는 방식이다. Normal 그룹 : Opacity 값으로 레이어를 혼합한다. Darken 그룹 : 두 레이어의 색상을 비교하여 RGB채널별로 어두운 값을 적용한다.(밝은 값은 버림) Lithen 그룹 : 두 레이어를 합성하여 결괏값을 밝은 쪽으로 되게 한다. Contrast 그룹 : 두 레이어를 대비시켜서 합성한다. Inversion 그룹 : 두 레이어를 반전시켜서 합성한다. Component 그룹 : 두 레이어의 색상 및 채도를 조정하여 합성한다. 1) Normal 그룹 Opacity 값만으로 조절한다. 그러므로 Opacity 값을 100으로 하면 아래 이미지는 전혀 보이지 않고 위의 이미지만 보인다. 즉 아무런 ..

Blend Mode 포토샵 블렌드 모드에는 6개 그룹, 27가지 모드가 있다. Blend Mode(블렌딩 모드)를 활용하여 Opacity(불투명도)와 Fill(채우기), 밝기 등을 정의할 수 있으며 6개 그룹의 27개 Mode( 모드)들을 서로 조합하여 무한한 색상 표현이 가능하다. 블랜드 모드가 적용되는 원리를 아는 것이 중요하다. 6개 그룹 Normal Group : 일반 그룹 Darken Group : 어둡게 하는 그룹 Lighten Group : 밝은 결괏값을 가져오는 그룹 Contrast Group : 대비 값 증가 Inversion Group(Cancelation Group): 반전 및 취소에 관한 그룹 Component Group : 색상과 광도에 관한 그룹 (32비트를 사용할 경우 사용 항..

비트맵(BItmap)과 벡터(Vector) 차이 - 비트맵 이미지, 벡터 이미지 1. 비트맵(BItmap)란 무엇일까? 말 그대로 비트(Bit)의 지도(map)이다. 비트(bit)란 무엇인가? 정보의 최소 단위이다. (영어 단어로서의 원래 뜻은 '약간'이라는 뜻이다.) 이진수를 뜻하는 Binary Digit의 준말이다. 2의 a제곱에서 a가 바로 비트(bit)이다. 그러므로 1비트 = 2의 1승(2^1) = 2가지 색을 표현 가능(0,1) 2비트 = 2의 2승(2^2) = 4가지 색을 표현 가능 3비트 = 2의 3승(2^3) = 8가지 색을 표현 가능 4비트 = 2의 4승(2^4) = 16가지 색을 표현 가능 5비트 = 2의 5승(2^5) = 32가지 색을 표현 가능 6비트 = 2의 6승(2^6) = 6..

색을 표시하는 방법 3: "color name" 색을 표시하는 방법에는 ① RGB 10진수 코드를 입력하는 방법, ② HEX 16진수 코드를 입력하는 방법, ③ HSL, ④ HWB, ⑤ color name으로 바로 지시하는 방법이 있다. 대부분의 코딩과 디자인 작업 시 HEX 코드를 많이 사용한다. 그러나 알고 보면 "color name과 익숙해지는" 일이 가장 중요하다. 웹, HTML, CSS에서는 140 개의 color name을 정해 놓고 있다. 사물에 대한 색을 코딩할 때 일천 육백 칠십칠만 칠천이백 열여섯 가지의 HEX 16진수 코드를 일일이 조사해서 작업한다면, 예술은 길고 인생은 짧은 세상에 가장 비효율적인 일이다. 웬만한 색은 140가지 안에 다 있기 때문이다. ※ 이전 참고 글 1. 색이..

RGB와 HEX의 같은 점과 차이점 HEX는 16진법을 뜻하는 hexadecimal의 약자이다. rgb(255, 124, 224) 표기법을 16진수로 바꾼 것이 HEX 코드이다. 그러므로 RGB와 색상의 내용은 동일하고 표기법이 다르다. 참고: 이전 글 1. 색이 사람에게 보이는 원리 2. RGB와 CMYK의 차이 3. RGB 색상, RGBA 5. 색상 이름표, HEX 코드, 색상 코드 공유 1) HEX 코드 (16진수 색상) HEX 코드는 0~10의 숫자와 A~F까지의 문자 16개로 표시되며, RR(빨간색), GG(녹색), BB(파란색)의 조합이다. 앞에 #을 붙여 #RRGGBB로 정의된다. 모든 값은 00에서 FF 사이여야 한다. rgb(255, 0, 224)는 10진수이고, HEX 코드는 16진수이..

색을 표시하는 방법 1 : RGB 코드(10진수) 웹 브라우저나 TV 화면, 컴퓨터 모니터, 혹은 핸드폰 화면으로 특정한 색이 출력되도록 하려면 코딩 단계에서 색상 값을 지정해야 한다. ※ 관련 글 목록 1. 색이란 무엇인가, 색은 왜 인간이 보게 되는가? 2. RGB와 CMYK의 차이 4. RGB 코드와 HEX 코드의 차이 5. 가장 중요한 Color name. - 컬러 네임과 RGB 색상표, HEX 코드표 공유 색상값을 지정하는 방법에는 크게 5가지가 있다. RGB와 RGBA: 10진수 코드를 입력하는 방법 HEX와 HEXA: 16진수 코드를 입력하는 방법 색상 이름으로 바로 지정하는 방법: Red, Green, Tomato 등 HSL HWB 위 방법에서 가장 빠르고 기억하기 쉬운 방법은 색상 이름을..

RGB와 CMYK의 차이 색을 혼합하여 다른 색을 만들 수 있다. 왜 혼합하는가? 원색을 혼합해서 다른 색상을 만들 수는 있으나 다른 색을 혼합해서 원색을 만들 수는 없다. 혼색은 가법 혼색 와 감법 혼색으로 나뉘는데 그 기준은 원색을 혼합했을 때 변화되는 색의 밝기에 따라 구분된다. 색을 혼합할수록 밝아지는 색상 모델이 있고 색을 혼합할수록 어두워지는 색상 모델이 있다. ※ 관련 글 목록 1. 색이란 무엇인가, 색은 왜 인간에게 보이는가? 3. RGB 색상과 RGBA 4. RGB 코드와 HEX 코드의 차이 5. 가장 중요한 것은 Color name이다 - 컬러 네임과 RGB 색상표, HEX 코드표 공유 이 글의 목차 RGB, RGBA CMYK 보색 관계 1) RGB 색공간, RGBA 색공간 빛의 3 원..

RGB, CMYK, HEX, HSL, 색이란 무엇인가? 사람은 눈으로 세상을 본다. 사람은 눈으로 세상과 내통한다. 좁은 두 눈구멍을 통해 수많은 정보를 얻고, 한낮의 태양 아래 각 사물들은 각양각색이다. 봄에는 파릇파릇한 초록이 찾아오고 노랗고 빨간 꽃이 피고, 여름에는 울창한 숲으로, 가을에는 샛노란 은행잎으로 계절은 물들어간다. 겨울 빛은 쇠잔해지고 자연의 색은 늘 만물과 함께 있다. ※ 참고 글 목록 1. 이 글 2. RGB와 CMYK의 차이 3. RGB와 RGBA 4. RGB 코드와 HEX코드 5. 색상표 이름표, HEX 코드, 색상 코드 공유 이 글의 목차 빛은 어떻게 우리에게 오는가? 적외선, 자외선은 왜 그리 부르는가? 뉴턴의 프리즘 색(Color)이란 무엇인가 결론 1) 빛은 어떻게 사물..