블로거팁닷컴

책 <블로그의 신> 저자입니다. 기업과 개인을 대상으로 블로그 강의를 하고 있습니다. ※ 강의/취재/컨설팅 문의 - bloggertip@gmail.com


HTML색상코드 초간단히 알아내기, 컬러픽커

스킨을 편집한다든지 원하는 배너나 로고를 만들때 색상 즉 COLOR는 가장 중요한 요소중의 하나일것이다. 필자의 경우 티스토리에서 기본으로 제공하는 스킨에 색상과 스킨 사이드바만 조정해서 편리하게 사용중이다. HTML색상표를 보고서 색상을 일일이 맞춰낸다는것은 참 어리석은 일이다. 그래서 필요한것이 바로 이 간편한 툴, 컬러픽커!


▶ 자 이제 사용법에 대해 알아보자! 한글만 읽을줄 안다면 5분안에 마스터 할수 있다! 아래의 첨부파일을 클릭하여 바탕화면에 저장시킨다. (아무곳에나 저장해도 되지만 아래의 팁에 맞추어 따라하기 좋게 바탕화면에다가 저장시킨다.)
 



첫번째☞ 컬러피커를 바탕화면에 다운로드 받았을 경우 아래와 같은 아이콘이 형성되는데 이 아이콘을 클릭하여 프로그램을 실행시킨다. (빨간색 밑줄이 그어진 아이콘 클릭!)
 

사용자 삽입 이미지


두번째☞ 아래의 그림은 컬러피커를 실행시켰을 때의 모습이다. 왼쪽 상단 구석에 밑줄이 그어진 부분이 바로 컬러피커 프로그램 실행창이고 거기에 적혀진 2단의 숫자중 위의 숫자가 HTML 색상코드이다. 커서를 움직일때마다 커서가 위치한 곳의 색상에 맞추어 숫자가 자동으로 변환된다. 아래의 그림에선 커서가 나오지 않았는데 내 커서는 아래쪽의 잔디에 가 있었다. 내가 가리킨 곳의 색상코드는 컬러피커가 말해주듯 89AB25 이다!
 

사용자 삽입 이미지


세번째☞ 아래와 같이 색상코드를 얻길 원하는 사이트의 창을 열어 작업해도 아무런 제약이 따르지 않는다. 티스토리 화면 오른쪽 하단의 빨간색 로고 (빨간색 동그라미 부분) 의 색상코드를 얻으려고 커서를 올려 놓았더니 왼쪽 상단의 컬러피커가 E94103 이라고 색상코드를 알려주고 있다.
 

사용자 삽입 이미지


끝으로☞ 대략 다섯가지 정도의 HTML 색상코드 툴을 사용해 보았으나 컬러피커가 가장 간단하고 편리했다. 포토샵이나 스킨편집에 있어 상당히 유용한 프로그램이므로 유용하게 사용하길 바란다.
신고


댓글을 달아 주세요

  1. BlogIcon 영웅시대

    오! 정말 유용한 프로그램이군요. 감사합니다^^

     ×  +
  2. BlogIcon 블로그의 신 Zet

    전 소개만 한거지만 기분 좋네요.
    잘 쓰세요^-^

     ×
  3. BlogIcon Sungyeoun Lee

    유용한 프로그램 잘 받아갑니다. ^^

     ×  +
  4. BlogIcon 블로그의 신 Zet

    감사합니다. 잘쓰세요 ^-^

     ×
  5. BlogIcon 맥주

    감사합니다 ^------^

     ×  +
  6. BlogIcon 블로그의 신 Zet

    ^^ㅋㅋ

     ×
  7. 아름드리

    색을 몰라 시간 낭비를 많이 했는데 넘 감사합니다. 잘 사용하겠습니다.

     ×  +
  8. BlogIcon 블로그의 신 Zet

    :)

     ×
  9. BlogIcon PPoZZak

    화면 캡쳐해서 포토샵으로 코드 알아내는 노가다 했었는데, 이런 프로그램이 있었군요 ㅋ!; 감사합니다

     ×  +
  10. BlogIcon 블로그의 신 Zet

    방문 감사드려요. ^.^ㅋ

     ×
  11. BlogIcon 라노트

    전 그동안 포토샵으로 불려들어서 알아봤었는데요.. 요걸 사용하니 정말 편리하네요^^. 좋은자료와 정보 감사합니다. 유용하게 사용할께요. :)

     ×  +
  12. BlogIcon 블로그의 신 Zet

    넵 방문 감사합니다.
    ^^

     ×
  13. BlogIcon 어깨넘

    이거 한번 써보세요!

    너~무 좋아요!

    5.3버전이 있는데 그건 그냥 실행하면 곧바로 되고요,
    홈피에서 최신버전을 다운받았더니 설치가 되네요!
    5.4.3버전인데... 기능은 동일한 것 같네요!

    이거 엄청 굿입니다.

     ×  +
  14. BlogIcon 어깨넘

    colorcop 이라는 다른 소프트웨어인데요,
    사용이 편리하고, 간단하답니다.
    freeware인데도 이렇게 완성도(?)가 높을 수가...

     ×
  15. BlogIcon 페르세포네*

    HTML/CSS 스킨편집 처음 시도해보려고 색상코드 찾던 중에 이렇게 좋은 정보를 얻어가네요!!
    감사합니다. ^^

     ×  +
  16. 유니

    와 정말 신기하네요. 감사감사!!! 짱~

     ×  +
  17. BlogIcon c&c

    유용한 정보 감사드립니다. 그동안 저는 알씨 기능 중에 있는 컬러피커를 이용해 왔는데, 화면 정중앙을 가려서 정말이지 불편했거든요.

     ×  +
  18. BlogIcon URBANBUSAN

    제트님 언제나 눈팅만 하다가 저도 이젠 유용한 자료 포스팅을하는 착한블로거가 되보려고 합니다.ㅎㅎ 첫 포스트가 블로거팁에서 얻은 '팁' 중 하나가 되었네요^^ 언제나 행복하시구요. 늘 감사합니다. 자주 인사드릴게요!!

     ×  +