IT 인터넷/IT 기타

색상코드표와 html 컬러 확인하기

정보 드림 2022. 1. 31.
반응형

색상코드표와 html 컬러 확인하기

 

가끔씩 제가 필요해서 올려두는 길에 써두는 글입니다.

이번에는 티스토리 폰트 컬러 바꾸려니까 색상코드가 필요하더라구요.

저도 보고 필요하신 분도 참고되시길 바래요.

 

 

위에 연두색 칠해진 #00FF00 코드는 저런 초록색이 맞더라구요.

코드로 조회도 가능하고 색깔 선택으로도 코드를 알아내기 제일 쉬운 방법은 네이버에서 색상코드라고 검색하는거에요.

폰으로 검색하든, 피씨로 검색하든 색상코드 라고 검색하면 저게 나와요.

코드를 알면 코드넣고 [조회] 누르면 색이 나오고

색으로 코드를 알고싶으면 원하는 색 누르면 그 색 코드가 나오는걸 볼 수 있어요.

 

 

혹은 어떤 이미지에 있는 색이 너무 맘에 들어서 그 색 코드를 알고싶을때는,

그 이미지를 포토샵이나 그림판 같이 이미지 작업하는 곳에 불러와서

메뉴중에 보면 스포이트 같이 생긴거 있어요.

그걸로 원하는 색 찝어보면 그 색이 추출되는데

그러면 또 그 색깔 코드를 알아 낼 수 있죠.

이 내용은 캡쳐할라니 이미지만 많아질꺼같아서 알아들으시는 분은 글만 봐도 알아보실꺼라 이미지는 패쓰합니다.

 

 

 

그리고 아래는 색상코드표에요.

html에서 색상코드로 넣기도하고 영어로된 색상명을 넣기도 하잖아요?

그래서 영어로 써진 색상명 같이 있는 색상코드표를 가져와 봤습니다.

색상코드표 출처는 나무위키 입니다.

 

 

색상코드표

 

 

이런 색상코드를 헥사 컬러 코드(Hex color codes)라고 합니다.

#뒤에 여섯자리 또는 세자리 숫자로 색상을 표기하는 방식입니다.

여섯 자리인 경우는 두 자리씩 끊어서 Red, Green, Blue의 강도를 256단계에 걸쳐 나타낸 것입니다.

각 두 자리수는 00일때 가장 어둡고 FF일때 가장 밝아요.

그래서 검정은 000000, 흰색은 FFFFFF 이군요.

코드에 영어는 대소문자 상관없습니다.

 

 

색상코드가 필요하셨던 분께 도움되셨길 바래요!

반응형

댓글