먼저 6장 강의에 앞서 지금까지 강좌중에 몇가지 지나친 것이 있어 보충하고 넘어 가기로 하겠습니다.
빼먹고 넘어간 점은 정중히 사과 합니다. 저에게 돌맹이를 던져주세요. 바위돌로요.
문자의 크기 조절하는 태그명령어중 <H> </H>태그가 있습니다.사용법은 특정부분의 글씨크기를
변경할때 유용한 태그로 1~6까지 숫자를 넣어 사용합니다.
예)<H2> 2크기로 보여주기 </H2> <H6> 6크기의 글씨 </H6>
주의)태그를 닫을때 닫는 태그 /H뒤의 숫자도 앞에 여는 태그의 숫자와 같이써주어야 합니다.
이번 시간은 약속한데로 색에 대해 알아보기로 합시다.
그러기 위해서 우리가 사용하는 색상체계에 대해 알아보고 넘어가겠습니다.
여러분들도 아시다시피 우리가 웹상에서 쓰고 있는 색은
빛의 3원색인 RGB(red-빨강, green-녹색, blue-파랑)를 이용한 방식입니다.
또 혹시 듣었을지도 모를 프린트 잉크에 쓰이는 방식인
CMYK(Cyan-사이안, Magneta-마젠타,Yellow-옐로우, black-블랙)가 있습니다.
RGB를 가색혼합 이라고 하며 CMYK를 감색혼합이라고 합니다. 가, 감, 승, 제 아시죠? 더하고 빼고
곱하고 나누고 그때 쓰이는 가색 감색을 의미 합니다.
굳이 이것까지 알필요야 있겠습니까 만은 알면 좋지요.^^
우리 회원님들의 집에서 이쁜 그림이 있어 프린터 했었는데
색이 모니터상에 나와 있는데로 안나와서 이상하다고 생각한적 없으신가요?
그것이 바로 잉크젯 프린터가 인쇄시 바로 CMYK색을 이용해서 프린터되기 때문입니다.
그리고 혹시 포토샵이나 일러스터 등 하시는 분이나 웹디자인 계통에서 일하시는 분들은 아마 다들 알고 있으실 것입니다.
어때요 어렵지요? ㅎㅎㅎㅎ 월래 공부가 어려운 것입니다.
여기서는 CMYK색은 공부하지 않겠습니다. 왜냐하면 여러분의 머리가 폭발할지도 모르기 때문에
강사의 최대한 배려에 의하여 안배우고 넘어가겠습니다.(절대 제가 모르는 것이 아니라서 넘어가는 것은 아님을 밝혀드립니다.(위기모면의 순간)
이제 우리가 쓰고 있는
RGB 칼라에 대하여 잠시 알고 넘어가 볼까요?
우리가 RGB칼라를 이용하는 것들은 어느것들이 있을까요?
모니터, TV등 빛을 통과시키는 방식을 이용한 영사기, 무대의 색상조명, 스테인드 글라스등 그런것들이 있습니다.
이해가 되지요.^^
이 RGB 칼라 Red, Green, Blue 세 가지 색은 각각 256단계(0~255)를 가지고 있기 때문에 RGB 칼라모드로 표현할수 있는 색상수는 256*256*256인1,600만(16,777,216) 칼라에 이릅니다. 켁~~~엄청나지요?
과연 인간이 구별해 낼수 있는 색은 몇가지나 될까요. 오늘 집에서 날새가며 세어보세요.^^ㆀ
여기서 잠깐 쉬면서 공부하나 하고 넘어가죠.(고개만 끄덕이고 넘어가시기 바랍니다.)
◎기초상식 영어공부◎(ㅡ.ㅡ; 머냐 갑자기 영어공부라니 강사 너 일롸! 듀거써)
영어에서 수를 나타내는 전문영어이자 기초영어 입니다.
1, 2, 3,....은 ONE(원) TWO(투) THREE(쓰리) .... 이것이면 얼마나 좋을까요.^^
전문적으로 많이 쓰는 표현방식이 있는데 알게 모르게 많이 들었던 것이 있습니다.
MONO(모노) - 1을 나타내는 접두어(모노드라마 모노레일 스테레오반대인 모노 등등)
BI(바이) - 2을 나타내는 접두어(바이시클-자전거, 바이너리시스템-2진법 등등)
TRY(트라이) - 3을 나타내죠(트라이앵글, 속옷트라이,등등)
TETRA(테트라) - 4을 나타냅니다(테트리스,...)
PENTA(펜타) - 5을 ...(펜타곤-미국방성, 펜트하우스,등등)
HEXA(헥사) - 6을....
.
.
.
DECA(데카) - 10을 나타냅니다.(데카메론, 데시멀포인트-소수점등등)
여기까지......ㅎㅎㅎ 유익한 공부였지요.
잠시 영어 공부를 한것은 RGB칼라를 사용하기 위해서
16진수 코드값으로 변환시킨 것 HEX(Hexadecimal- 16진수)이 사용되기 때문입니다.
이해를 조금이나마 더해주기 위해서 였으니 너무 화내지 마세요.
이제 본격적으로 여러분이 기다리셨던 색을 외우서 사용하기 입니다.(카페 공지사항 9번 게시물 퍼온 것임)
예제1)에 나온 것들의 칼라를 다 외우신 걸로 알고 이만 마침니다.ㅎㅎㅎㅎㅎ
잘 사용하세요.
............윽 ~ 악 ~ 퍽 퍼벅~ 켁~
강사 죽는당! ㅡ.ㅡ;
아아 알겠습니다. 그럼 힌트를 드리죠.
<font color=goldenrod> daa520 goldenrod 국화과의다년초<br><br>
위에 것중에 color=goldenrod(골덴라드)이게 칼라군요.
뒤에 나온 daa520 이 여섯자리 영어와 숫자의 조합은?????
예제1의 <font color=영어색이름>다음에 나오는 곳을 유심히 관찰해 보세요.
하나같이 알파벳또는숫자로 총 6개로 이루어져 있습니다.
이것이 오늘 기다리던 RGB HEX코드값입니다.
아주 자유롭고 쉽게 사용할수 있게 만들어 드리지요.
우선 앞에서 우리는 16진수로 표시 한다고 했는데 ....어떤식으로????
이해 잘하세요.★★★★★중요합니다.★★★★★
0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15 이렇게 16가지 진수로 사용하다보면 혼돈이 될까봐
0,1,2,3,4,5,6,7,8,9(여기까지 10개),A,B,C,D,E,F(알파벳6개) 이렇게 16진수를 사용합니다.
이렇게 만들어진 16진수를 이용해서 RGB의 256단계 칼라는 대응되는 16진수 코드값으로 변환해서
색을 표현하는 것입니다.
다시말해서
RGB의 R(빨강)의 16진수값 * G(녹색)의 16진수값 * B(파랑)의 16진수값
---> 000000 ~ FFFFFF 이렇게 표현하는 것이지요.
이해가 안가나요?
그러니까 6자리중 앞에 두자리는R값이고 중간 두자리는G값 끝에 두자리는
B값이 되는 것이지요.
0으로 갈수록 색의 빛이 약해지고 f로 갈수록 색의 빛이 강해 색이 잘 나타나는 것입니다.
그럼 내가 빨강색만으로 글씨를 쓰려고 할때 코드값을 직접 넣어서 보여드리겠습니다.
코드값은 RGB순서이니까 FF0000 이 빨강색 코드 값입니다.
R의 진수값 최고인 FF로 나머지 G,B값은 각각 제일 약한 00으로 넣은 것입니다.
그럼 순수한 녹색만으로 표현하고 싶을땐 R(00)G(FF)B(00)인 00FF00 이 되겠지요.
청색으로 글을 쓸때는 어떻게??? 바로 0000FF
그럼 노란색으로 표현하고 싶을때는 난처하나요? 빨강 녹색 파랑의 세가지 색으로 노란색을 만들려면
빨강하고 녹색을 섞으면 노란색이 되지요. 그럼 R의 색을 넣고 G의 색을 넣고 B의 색은 안넣으면 되겠네요.
그렇다면 헥사값은 FFFF00 이렇게 나오게 되겠지요.
이제좀 이해가 가시나요?
그렇다면 검정색은? 빛이 약하면 검정색이 되지요? 그렇다면 000000값이 검정색입니다.
하얀색은 새가지색이 다 밝으면 하얀색이 되겠지요? 그렇다면 FFFFFF값이 되겠습니다.
그러니까 결론 적으로 말하면 HEX색상값은 0에서9까지 수와 A에서 F까지 합한 16가지의 수와 알파벳으로 조합하여 만드는 것입니다.
정식으로는 HEX값 앞에 #을 넣어서 #22CC88 이렇게 쓰는데 #은 빼고 써도 무난합니다.
이렇듯 핵사값만 알고 있으면 굳이 영어로 <font color= red,blue,gray,black,white,blue,indigo>
이렇게 색의 이름을 직접 쓰시지 않고도 마음껏 색상을 표현할수 있다는 것이지요.
지금 배우신 HEX값이 이해가 안되시는 분은 꼭 다시 질문주시고 넘어가시기 바랍니다.
이해가 안되서 창피하다고 그냥 넘어가시면 다시 기회가 오지 않을수 있습니다.
이해가 되시는 분은 앞으로 색에 관한한 걱정없이 표현하실수 있을 것입니다.
제가 쉽게 표현한다고 나름데로 글을 썼는데 정말 이해가 쉽게 되었으면 하네요.
이상으로 색상을 이용하는 방법을 알려드렸습니다.
다음 강의에서 뵙겠습니다.
정말 고생이 이만저만이 아니넹,, 그니까 말예여,, 이 걸 에코님 아님 구 누가 하냐구여~ 아주 딱!임다,, 수학/영어/국어... 전과목 공부넹,, 지금 대강 흝었으니... 나중에 다시 정독해 봐야지... 정말 수고 많은데,, 곁에 있어야 김밥이라도 줄텐데,,아, 유부초밥도,, (오늘 울 아이 소풍) ^*^~
또 다시 와~~~~~~~~~~정말 대단하세요! 엄청 재미있으시고 엄청 잘 가르치시고...이제 눈에 확 들어 왔어요.다시 확인 질문할께요. 그 RGB 대표값만 염두해 두고 각각의 색이름을 굳이 알지 않아도 그냥 제가 대표값에 대비해서 만들면 색이 된다 이거나요? 아무렇게나...뒤죽박죽해도요? 답변도 자세히....
와~~~~~~~~~~~~~박사님!!! 왜~RGB라 하는지...그냥 모르고 검정이면 000000 하얀색은 ffffff 갈색이면 800000 이렇게 이름지어주었나 보다 했는데 ㅎㅎㅎ 오늘 확실하게 왜 그렇게 색갈 이름이 지어졌는지 원인을 알겠네요...핵사값만 알고 있다면 굳이 영어로 안 써도 된다는 것 선상님 확실하게 알았습니다. 에코 박사님
RGB(알지비)~~ 알아 들었습니다...지끔 들어왔지요...비가 그쳤나 봐요... 어려운 것을 잼나고 쉽고 이해가 가도록 가르쳐 주셔서 감사+감사 합니다. 색상표가 그렇게 만들어졌다는 것을 인제 알았습니다. 사용하면서도 누가 만들었는지는 모르지만 복잡하구나 했는디 오늘 보니 넘 쉽네요. 16진수..
첫댓글 에코님... 태그 가르치신다고 고생하시네요. 태그 말구는 다른 것은 안 하나요??? 다른 것도 하시면 좋겠는데...<농땡이 아지매가...>
정말 고생이 이만저만이 아니넹,, 그니까 말예여,, 이 걸 에코님 아님 구 누가 하냐구여~ 아주 딱!임다,, 수학/영어/국어... 전과목 공부넹,, 지금 대강 흝었으니... 나중에 다시 정독해 봐야지... 정말 수고 많은데,, 곁에 있어야 김밥이라도 줄텐데,,아, 유부초밥도,, (오늘 울 아이 소풍) ^*^~
푸우님 올만입니다. 어디 댕겨 오셨어요? ...^^ 레지나님 공부열심히 하셔야지요. 나머지 공부 안하나요?
또 다시 와~~~~~~~~~~정말 대단하세요! 엄청 재미있으시고 엄청 잘 가르치시고...이제 눈에 확 들어 왔어요.다시 확인 질문할께요. 그 RGB 대표값만 염두해 두고 각각의 색이름을 굳이 알지 않아도 그냥 제가 대표값에 대비해서 만들면 색이 된다 이거나요? 아무렇게나...뒤죽박죽해도요? 답변도 자세히....
와~~~~~~~~~~~~~박사님!!! 왜~RGB라 하는지...그냥 모르고 검정이면 000000 하얀색은 ffffff 갈색이면 800000 이렇게 이름지어주었나 보다 했는데 ㅎㅎㅎ 오늘 확실하게 왜 그렇게 색갈 이름이 지어졌는지 원인을 알겠네요...핵사값만 알고 있다면 굳이 영어로 안 써도 된다는 것 선상님 확실하게 알았습니다. 에코 박사님
RGB(알지비) 분명히 당신 이거 알지비? 하는것 같은데.... 모르겠다....ㅠㅠ 에코님! 예제1.칼라가 140개나 되는데 외워야되나요???????????????????????????????
ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ마음은 언제나님 계산하셨나요..아니면 세알려보셨나요??? 그 열정이면 다 외우셨네요 반절은...좋은 날 되세요...^^*
알겄서요~~~~~!! 먼 야그지! 아직 초보라 색감이 언능 감이 안 노니께 색상표를 열심히 비교함서 해봄 이해가 더 잘되겄네요~~~~!! 수고하셨습니다!
에코님..감사해요.근데 부탁이 있는데요....공부한 노트 다른데 빌려줘도 될까요? 선생님의 꾸지람이 두려워..._*_:;
그러세요. 여러 사람이 공유하면 좋지요.
RGB(알지비)~~ 알아 들었습니다...지끔 들어왔지요...비가 그쳤나 봐요... 어려운 것을 잼나고 쉽고 이해가 가도록 가르쳐 주셔서 감사+감사 합니다. 색상표가 그렇게 만들어졌다는 것을 인제 알았습니다. 사용하면서도 누가 만들었는지는 모르지만 복잡하구나 했는디 오늘 보니 넘 쉽네요. 16진수..
에코님 맴도 이쁘셔라..감사^*^
음악이 좋아서 가입한 카페였는데, 이렇게 저 깊은 곳의 가려움까지 배려해주시는 Echo님 감사 또 감사해요. 친구들이 벌써 부러워하는 몸이 되었답니다. thank you~~~~~
머리가뻐적지근해두 열씸히 배우고 있읍니다.수고많으십니다.강사님 공부할수있어서 넘넘 좋아요.
네에 ..RGB에 대해서 들은적은 있지만 이렇게도 자상하게 설명하시니..이제야 좀 알아들을것 같습니다...그리고 헥사값에 대해서도 새로운 사실을 알게 되네요....거듭 감사드립니다 에코님! 그리고 복 받으실겁니다...많은 분들에게 좋은 일 하셨으니~~~~~
네에 ..RGB에 대해서 들은적은 있지만 이렇게도 자상하게 설명하시니..이제야 좀 알아들을것 같습니다...그리고 헥사값에 대해서도 새로운 사실을 알게 되네요....거듭 감사드립니다 에코님! 그리고 복 받으실겁니다...많은 분들에게 좋은 일 하셨으니~~~~~
정말 이렇게 자세히...흑!!눈물이..
에코님땜시 저 태그 다 배우겠네욤 ㅎㅎ 고마워요 ^^ (글구 퍼갑니다 헤헤~)
좋은 게시물이네요. 스크랩 해갈게요~^^
좋은 게시물이네요. 스크랩 해갈게요~^^
쉽게 이해가가네요.역시 선생님 짱짱!! 감사해요