그린채널

Green Media

디지털색상의 모든 것, HTML 색상코드
작성일: 2021.01.18
조회수: 11258




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

포토샵이나 일러스트 같은 그래픽 프로그램을 보면 # 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




목 록

빠른상담

이름

지점선택

연락처

- -

이메일

@

상담내용

2023 강남(본점)

5년 인증 우수
훈련기관 선정

2023 신도림

5년 인증 우수
훈련기관 선정

2023 노원

5년 인증 우수
훈련기관 선정

2023 인천(부평)

5년 인증 우수
훈련기관 선정

2024 인천(청라)

5년 인증 우수
훈련기관 선정

2023 수원

5년 인증 우수
훈련기관 선정

2023 의정부

5년 인증 우수
훈련기관 선정

2023 청주

5년 인증 우수
훈련기관 선정

2023 대전(둔산)

5년 인증 우수
훈련기관 선정

2023 대전(중앙로)

5년 인증 우수
훈련기관 선정

2023 울산

5년 인증 우수
훈련기관 선정

2023 부산

5년 인증 우수
훈련기관 선정

2022 역삼

5년 인증 우수
훈련기관 선정

2022 종로

5년 인증 우수
훈련기관 선정

2022 신촌

5년 인증 우수
훈련기관 선정

2022 부천

5년 인증 우수
훈련기관 선정

2022 안산

5년 인증 우수
훈련기관 선정

2022 안양

5년 인증 우수
훈련기관 선정

2022 성남

5년 인증 우수
훈련기관 선정

2022 전주

5년 인증 우수
훈련기관 선정

2022 대구(동성로)

5년 인증 우수
훈련기관 선정

2022 대구(교보타워)

5년 인증 우수
훈련기관 선정

대한민국 교육브랜드 대상

대한민국 교육브랜드 대상
IT· 디자인 교육 부문 1위

사랑나눔 사회공헌 대상
교육사회공헌 부문 부총리 겸 교육부 장관상

대한민국 교육대상
디자인·IT 교육 부문 대상

사랑나눔 사회공헌 대상
전문인력육성 부문 고용노동부장관상

고객신뢰도 1위 프리미엄 브랜드
디자인·IT 취업교육 부문 대상

국가브랜드 대상
디자인·IT 교육 최우수 브랜드

한국의 가장 사랑받는 브랜드 대상
디자인·IT 교육 부문 대상

소비자추천 1위 브랜드 대상
디자인·IT 교육 부문 1위

대한민국브랜드평가 1위
디자인·IT 교육 브랜드 1위

훈련 이수자 평가

2024 강남(본점)

훈련 이수자 평가
디자인

훈련 이수자 평가

2024 역삼

훈련 이수자 평가
출판

훈련 이수자 평가

2024 종로

훈련 이수자 평가
출판

훈련 이수자 평가

2024 신촌

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 신도림

훈련 이수자 평가
출판

훈련 이수자 평가

2024 노원

훈련 이수자 평가
출판

훈련 이수자 평가

2024 인천(부평)

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 안산

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2024 성남

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 대전

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 대구

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2024 부산

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2023 역삼

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 종로

훈련 이수자 평가
건축설계·감리

훈련 이수자 평가

2023 신촌

훈련 이수자 평가
정보기술개발

훈련 이수자 평가

2023 신도림

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 인천(부평)

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 부천

훈련 이수자 평가
회계

훈련 이수자 평가

2023 안산

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2023 성남

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 대전

훈련 이수자 평가
디자인

훈련 이수자 평가

2023 대구

훈련 이수자 평가
출판

훈련 이수자 평가

2023 부산

훈련 이수자 평가
디자인

훈련 이수자 평가

2022 종로

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 노원

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 인천(부평)

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 부천

훈련 이수자 평가
문화콘텐츠제작

훈련 이수자 평가

2022 안산

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 대전

훈련 이수자 평가
일반사무

훈련 이수자 평가

2022 대구

훈련 이수자 평가
정보기술개발

훈련 이수자 평가

2022 부산

훈련 이수자 평가
정보기술개발