|
웹 사이트에서 이미지 색상 표 확인하기, 사진 이미지 색상 추출하기 |
|
환경: Internet Explorer 11 |
자신의 블로그나 사이트에 디자인을 변경하기 위해서는 색상 코드값이 필요합니다. 그런데 CSS 에 적용할 색상 코드값으로는 어떤 색깔인지 알 수 없습니다. 전문가가 아닌 이상 16진수 RGB 값으로 어떻게 색상을 유추하겠습니까? 이 때 유용하게 활용할 수 있는 HTML 색상 표 제공 사이트가 있습니다. 회원가입이 필요 없으며 필요할 때 마다 브라우저를 띄워 놓고 참고하시면 됩니다.
▼ HTML Color Codes 사이트에서는 Color Chart 와 Color Picker, Colors from Image 서비스를 제공하고 있습니다. Color Chart 와 Color Picker 는 색상 코드 값을 얻을 수 있는 동일한 기능을 가지고 있지만 Color Picker 가 좀더 디테일한 색상값을 추출할 수 있습니다. 아래 링크를 클릭해서 홈페이지로 접속한 후 상단 메뉴 Color Tools 의 Color Chart, Color Picker 중 하나를 선택합니다.
▼ HTML Color Chart 는 300 개 정도의 색상 팔레트를 제공하고 있습니다. 클릭할 때 마다 해당 색상의 RGB 값을 상단에 표시해 줍니다.
▼ HTML Color Chart 에서 아래로 내려오면 HTML Color Picker 가 있습니다. 이곳은 16,777,216 가지의 색 선택이 가능한 팔레트 입니다. 왼쪽 팔레트에 마우스 클릭을 하게 되면 오른쪽 화면 에디터 박스에 RGB 값이 표현됩니다.
▼ 다음은 Colors from Image 기능입니다. 상단 메뉴 중 두 번째에 있습니다. 이것은 제목 그대로 이미지에서 지정한 곳의 색상을 추출하는 기능입니다. [파일 선택] 버튼을 눌러 색상 추출을 위한 이미지를 넣습니다.
▼ 파일 선택으로 이미지를 추가하고 Show Image 버튼을 누르면 왼쪽 화면에 추가한 이미지가 나타납니다. 이미지에 마우스를 가져가면 오른쪽 화면에 확대 이미지가 나타나고 하단에 RGB 값이 표시 됩니다. 다른 사이트의 디자인을 참고할 때 유용한 기능입니다.
'인터넷 > 기타' 카테고리의 다른 글
| 서울 여행지도 스마트폰에 담아서 다니는 방법 (0) | 2019.08.18 |
|---|---|
| 네이트온 NateOn 친구를 삭제하는 방법 (2) | 2019.08.17 |
| 다나와 danawa 조립PC 컴퓨터 견적 내는 방법 (2) | 2019.08.17 |
| 네이트온 메신저 네이트 시작 페이지 변경을 차단하는 방법 (3) | 2019.08.17 |
| 오페라 브라우저로 사이트 우회해서 접속할 수 있는 VPN 사용하는 방법 (0) | 2019.08.11 |
| 농협 자동화기기 ATM 이용시간과 위치 찾는 방법 (0) | 2019.08.09 |
| 홈택스에서 현금영수증 사용 내역 확인하고 엑셀로 다운받는 방법 (3) | 2019.08.09 |
| 법원 제출용 협의 이혼 서류 양식 한글 파일 다운 받아 편집하는 방법 (0) | 2019.08.09 |
