이번 기수 등록 마감까지 남은 시간은?

DAY

:
:
수강 신청하기
로그인

|

내 강의실

|

마이페이지

그린채널

공지사항 게시글 보기 : 번호, 제목, 조회수, 작성일 등 정보제공
디지털색상의 모든 것, HTML 색상코드 조회수 9365




안녕하세요! 그린컴입니다.

포토샵이나 일러스트 같은 그래픽 프로그램을 보면 # 000000 같이

샵과 숫자 또는 영문 6자리 표기로 색이 표현되는 모습을 자주 볼 수 있습니다.

이를 HTML 색상코드라고 하는데요! #HTML색상코드 란 무엇일까요? 또, RGB와 무슨 차이가 있을까요?

HTML 색상코드

HTML 색상코드는 코딩에서 컬러를 표기하기 위해 정한 일종의 색상 표기방법입니다.



Color Picker

포토샵과 같은 그래픽 프로그램에서 색을 설정하기 위해 자주 볼 수 있는 Color Picker 창입니다.

여기서 HSB, Lab, RGB, CMYK 그리고 " # ff0000 "라고 표기된 HTML 색상코드를 볼 수 있는데요.

# ff0000 의 RGB 표기를 보시면 R=255, G=0, B=0으로 빨강(R)만 수치가 있는 것을 확인할 수 있습니다.

RGB 값은 0에서 255까지 표기되므로 # ff0000 는 흐리지도 않고, 다른 색이 섞이지도 않은 순수한 빨강(R)입니다.



HTML 색상코드 표기법

HTML 코드는 "#"와 6자리 숫자로 되어있습니다. 이 숫자는 16진법의 숫자 시스템입니다.

예를 들면 16진법에서 "FF"는 우리가 흔히 사용하는 십진법에서의 숫자 25를 나타냅니다.

HTML컬러 코드에서 처음 두 자리의 상징은 빨강색(R)의 강도를 나타냅니다. 00는 최소값이며 FF는 가장 강함을 의미합니다. 세 번째와 네 번째는 녹색(G)의 강도를 표현하며 다섯 번째 및 여섯 번째는 파랑(B)의 강도를 나타냅니다.

빨강, 녹색 그리고 파랑의 강도를 조합하여 희망하는 컬러를 만들 수 있습니다.

#FF0000 HTML 코드는 녹색(G)과 파랑(B)을 띠지 않는 순수한 빨강(R)을 브라우저상에 보여줍니다.

#00FF00 HTML 코드는 빨강(R)과 파랑(B)을 띠지 않는 순수한 녹색(G)을 보여줍니다

#0000FF HTML 코드는 빨강(R)과 녹색(G)을 띠지 않는 순수한 파랑(B)을 보여줍니다

#FFFF00 HTML 코드는 파랑(B)을 띠지 않는 빨강(R)과 녹색(G)의 조합, 노랑(Y)을 보여줍니다

#CCEEFF HTML 코드는 약간의 빨강(R)과 녹색(G) 그리고 최대의 파랑(B)을 조합한 하늘색이 됩니다

네이버 색상 팔레트

네이버에서 '색상 팔레트'를 검색해서 간편하게 확인해볼 수도 있습니다 !





오늘은 그린컴과 함께 HTML 색상코드에 대해서 알아보았습니다!

예전에 RGB와 CMYK 색상 표기법에 대해서 알아본적도 있었는데, 혹시 보지 않으신 분들을 위해 링크 걸어두고 갑니다^,<

그린컴은 오늘도 여러분의 꿈과 미래를 응원합니다!

<< RGB/CMYK 디자인할 때, 뭐가 다를까? >>

🔻🔻🔻🔻

https://blog.naver.com/gitacademy01/221636038498