블로그와 쇼핑몰, 개인 사이트 등을 운영하다 보면 HTML 코드로 디자인을 직접 할 때가 많습니다. 이때 코드에 넣는 색상을 어떻게 알 수 있을까요? 가장 쉽게 한눈에 볼 수 있는 HTML색상표 사이트를 소개합니다.
목차
HTML 컬러의 필요성
블로그나 SNS채널을 운영하다 보면 캡처 화면에서 원하는 색깔이 궁금할 때가 많습니다. 혹은 내가 SNS 채널에 사용하고 있는 색깔과 비슷한 명도나 채도를 가진 다른 색깔이 필요할 때도 있습니다. 마케팅에서는 그만큼 톤 앤 매너가 중요하기 때문에 비슷한 밝기나 명암을 가진 컬러가 중요하지요. 온라인에서는 HTML 컬러를 쉽게 찾아볼 수 있는데 너무 정보가 많거나 RGB 없이 HEX(#000000 스타일)만 나와있는 경우도 있습니다. 그래서 제가 요즘 주로 이용하는 HTML 컬러 사이트를 알려드리려 합니다.
HTML 컬러 사이트 추천
HTML 색상표
온라인 RGB 색상표, HSL, HSV, CSS 칼라코드 모음
wepplication.github.io
블로그 이름은 온라인 도구 모음입니다. 직관적이지요. 실제로 이 사이트에서는 HTML 컬러 코드 외에도 바코드 생성기, GIF 생성기, 글자수세기, 이미지 URL 생성, 코드 정렬, 아스키코드표 등 다양한 온라인 도구를 사용할 수 있습니다. 사이트는 군더더기 없고 심플하고 심플합니다.
저는 이 사이트에서 HTML 색상표를 가장 많이 이용하는데 온라인 RGB 색상표, HSL, HSV, CSS 칼라코드인 Hex까지 제공하기 때문입니다. 그리고 이 사이트는 모바일에서도 사용가능합니다. 그러면서 아주 직관적으로 원하는 정보만 볼 수 있습니다.
사이트에서 가장 마음에 드는 부분
온라인 도구 모음 사이트에서 가장 최애 부분은 바로 아래 부분입니다. (GIF 파일 이어 해상도가 안 좋은 점 양해 부탁드립니다.) 화면 오른쪽 컬러바를 움직이면 같은 채도와 명도를 가진 다른 컬러를 알 수 있습니다. 쇼핑몰이나 인스타그램, 블로그를 꾸밀 때도 같은 톤 앤 매너, 같은 콘셉트와 느낌을 유지할 수 있게 도와줍니다. 큰 컬러 파레트와 다양한 컬러바, 그 위에는 직접 코드를 넣어 색깔을 볼 수 있는 입력란이 있습니다. 팔레트에서 마우스로 컬러를 선택하면 입력란에 HTML, Hex 등의 컬러 정보가 뜹니다. 진짜 간편하고 간단해서 좋습니다. 하지만 필요한 정보는 딱 있지요!
이와 같이 오늘은 아주 간단하고 쉽게 HTML 컬러와 RGB, Hex,CSS컬러 정보를 알 수 있는 사이트를 소개하였습니다. 도움이 되셨다면 공감과 댓글 부탁드립니다. 감사합니다.