이 색상의 HTML 컬러코드는 뭘까? HTML 컬러코드 사이트 소개

이 색상의 HTML 컬러코드는 뭘까? 컬러픽커 사이트 소개

무언가를 꾸미는데 필수적인 색상!
블로그나 웹페이지 예외는 아닙니다.

현실이라면 페인트, 물감 등등 색상을 입히는 무언가를 찾겠지만
컴퓨터에서는 오로지 색상 코드만 인식을 하기 때문에
우리가 원하는 색상을 컴퓨터에서 표현하기 위해서는
각각의 색상코드를 알아야 합니다...만!

그 많은 코드 일일히 알수없죠 :(
이미지 작업이야 뭐 전문 프로그램으로 원하는 색상 코드를 몰라도
스포이드로 찍어서 색상을 맞춰주기도 하지만

웹페이지 같은 경우, 심지어 코드로 웹페이지를 수정을 해야 한다면..!
지금 소개 해 드리는 HTML 컬러코드 사이트 등을 이용해서 편리하게 작업을 할 수 있습니다. :)

사이트 마다 UI 는 조금씩 다르지만! 기능은 같습니다.
원하는 색상을 직접 선택해서 해당 색상의 HTML 컬러코드 값을 확인하거나
직접 HTML 컬러코드를 입력해서 해당 코드가 어떠한 색상인지 확인 할 수 있습니다.

보통 유사한 사이트의 경우 HTML 컬러코드 값을 확인하는 것은 옵션(?) 이고,
다른 기능들도 함께 제공하는 경우가 많으니 필요한 기능이 추가로 있는 사이트는
알아두는것도 도움이 되겠네요 :)

1. hipenpal.com
   주소 : http://www.hipenpal.com/tool/html_color_charts_rgb_color_table_in_korean.php

   사이트에 접속을 하면 아래와 같은 HTML 컬러코드 표가 나타납니다.
   색상을 선택하면 아래에 코드가 나오고, 아래에 코드를 입력하면 색상을 확인 할 수 있습니다.
   이 사이트의 특징이라고 하면, 하단에 컬러코드 표를 따로 기재 해 놓았다는 거구요
   컬러코드 외에 펜팔, 외국어 학습, HTML 코드 등에 대한 자료가 있는듯 합니다.

 

2. ko.infobyip.com
   주소 : https://ko.infobyip.com/htmlcolorpicker.php

   이 사이트의 경우에는 하단에 표준 HTML 색상이 정리되어 있고,
   해당 색상을 선택하면 바로 HTML 컬러코드를 확인 할 수 있는것은 편리하긴 하지만..
   원하는 색상을 추출하기 위해 팔레트를 드래그 하다 보면
   약간의 오차가 발생하는데 이건 좀 아쉬운 부분인 것 같습니다.

3. encycolorpedia.kr
   주소 : http://encycolorpedia.kr/808080

   이 사이트는 우측 상단에 색상 팔레트가 있는게 조금 특이하구요
   주소를 잘보면 뒤에 6자리 숫자가 HTML 색상코드 입니다. :)
   '/' 뒤에 색상코드 6자리를 입력해서 접속하면 해당 색상을 바로
   확인 할 수 있어서 편리 합니다.

원래 소개하려고 하던 사이트가 있었는데 해당 사이트는 지금 접속이 안되네요 :(
나중에 접속이 가능하면 추가 하겠습니다. :)

블로그나 웹페이지 꾸밀때! 간편하게 사이트를 이용해서 확인하면 좋을것 같습니다.
감사합니다!